如何创建水平文本轮播

时间:2016-05-30 08:41:10

标签: angularjs carousel angular-material

这个问题可能看起来很愚蠢。但我真的坚持了它。

我正在尝试创建一个带有中心标题和下方居中的描述文字的旋转木马。在谷歌上有很多例子,但我找不到合适的东西。

  1. 我正在使用angular-material,到目前为止angular-material尚未实施轮播。
  2. materializecss中有很棒的轮播,但是当我在项目批量中添加物化时,由于angular-material和materializecss而导致元素CSS冲突。
  3. 然后我决定使用其他一些指令,比如JK carousel,它不允许我在图像上创建文本。
  4. ui.bootstrap中有旋转木马,它也会与下拉组件发生冲突。
  5. 有谁能告诉我如何达到我的要求? 我必须使用angular-material,没有别的选择。所以使用角质材料的任何帮助都将是一个很好的支持。

1 个答案:

答案 0 :(得分:0)

我目前在角度素材项目中使用angular 3d carousel。它有html幻灯片版本。您可以在幻灯片html中构建所有角度材质类。

id|date|reference_id|account_id|dataSet|price|title|type|description

1|2006-01-03|ID00001|1|dataSet01|44.23|Analyst opinion change|A|Upgrade by Bank from Sell to Hold
2|2006-01-03|ID00002|1|dataSet02|62.75|||
3|2006-01-03|ID00003|1|dataSet03|25.95|Dividend|D|Amount: 0.22
4|2006-01-03|ID00004|2|dataSet04|31.81|||
5|2006-01-03|ID00005|3|dataSet05|78.20|||
6|2006-02-01|ID00001|1|dataSet01|45.85|Dividend|D|Amount: 0.30
7|2006-02-01|ID00002|1|dataSet02|59.37||
8|2006-02-01|ID00003|1|dataSet03|27.59|Dividend|D|Amount: 0.26
9|2006-02-01|ID00004|2|dataSet04|34.24|||
10|2006-02-01|ID00005|3|dataSet05|83.42|||
11|2006-03-01|ID00001|1|dataSet01|45.54|Analyst opinion change|A|Upgrade by Bank from Sell to Hold
12|2006-03-01|ID00002|1|dataSet02|60.86|||
13|2006-03-01|ID00003|1|dataSet03|27.04|Downgrade by Bank from Buy to Hold
14|2006-03-01|ID00004|2|dataSet04|36.04|||
15|2006-03-01|ID00005|3|dataSet05|84.32|||