使用角度材质

Question

任何人都可以提供有关添加展开here的展开/折叠视图的任何建议。 我只想使用Angular材料和AngularJS，而不是依赖于Bootstrap等，但我找不到任何合适的AngularMaterial文档。

由于

Answer 1

一种方法是连续使用2 $pageNumber = $_POST['pageNum']; if (!is_int($pageNumber)) { // $pageNumber = "1\'" for this example // what can I do to make it 1 again? } 。

这是HTML代码。

md-list-item

JS代码：

  <md-list flex>
   <md-list-item ng-click="toggle.list1 = !toggle.list1">
    <md-icon>explore</md-icon>
    <span flex>Item List 1</span>
    <md-icon ng-show="!toggle.list1">expand_more</md-icon>
    <md-icon ng-show="toggle.list1">expand_less</md-icon>
   </md-list-item>
   <md-list-item ng-repeat="item in data" ng-show="toggle.list1">
   <span flex-offset="5">{{item}}</span>
  </md-list-item>
  <md-list-item ng-click="toggle.list2 = !toggle.list2">
   <md-icon>explore</md-icon>
   <span flex>Item List 2</span>
   <md-icon ng-show="!toggle.list2">expand_more</md-icon>
   <md-icon ng-show="toggle.list2">expand_less</md-icon>
  </md-list-item>
  <md-list-item ng-repeat="item in data" ng-show="toggle.list2">
   <span flex-offset="5">{{item}}</span>
  </md-list-item>
 </md-list>

这是工作Codepen。

Answer 2

这似乎并没有使用bootstrap。

https://github.com/LukaszWatroba/v-accordion

这应该是使用材料制作自己的手风琴的可能代码

http://blog.sodhanalibrary.com/2016/02/accordion-with-angularjs-material-ui.html#.WKxqI1UrJaQ