html - 尝试使用 ionic 和 bootstrap 框架查找下拉 div 的示例

Question

<分区>

Answer 1

这很容易实现。我将使用我构建的应用程序中的示例。您要做的是使用 ng-show。因此，当单击该元素时，将显示其余内容，而当再次单击该元素时，将隐藏该内容。所以比如说你有一个列表(它可以被重复或不重复)

<div class="list">
    <div class="item" ng-click="toggle = !toggle">
        <h3>Content</h3>
        <p ng-show="toggle" >Here it the rest of the content</p>
    </div>
</div>

然后在你的 Controller 中:

.controller('main', function($scope){

  $scope.toggle = true;
})

你可以在这里看到它的样子:http://play.ionic.io/app/6f7792a3e45d

另外，如果您想添加一些很酷的动画，请查看 ng-fx这样当它被隐藏或显示时，它就会有一个很酷的进入和离开动画。