Javascript 如何使用ng click渲染块内的内容?
我已经在前端设置了下拉按钮,现在我必须在单独的内容块中显示我的数组,只有在选择了下拉项时才可以 我该怎么做 这是我的 HTMLJavascript 如何使用ng click渲染块内的内容?,javascript,angularjs,drop-down-menu,angular-ui-bootstrap,angularjs-ng-click,Javascript,Angularjs,Drop Down Menu,Angular Ui Bootstrap,Angularjs Ng Click,我已经在前端设置了下拉按钮,现在我必须在单独的内容块中显示我的数组,只有在选择了下拉项时才可以 我该怎么做 这是我的 HTML <div ng-controller="DropdownCtrl"> <div class="row"> <div class="col-md-12"> <ul class="content"> <li ng-repeat= 'task in tasks'&g
<div ng-controller="DropdownCtrl">
<div class="row">
<div class="col-md-12">
<ul class="content">
<li ng-repeat= 'task in tasks'>
</li>
</ul>
</div>
</div>
<!-- Here goes dropdown menu !-->
<div class="btn-group" dropdown="" is-open="status.isopen">
<button id="single-button" type="button" class="btn btn-default btn-xl" dropdown-toggle="" ng-disabled="disabled">
Options <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
<li role="menuitem">
<a href="javascript:void(false)" ng-click="show('tasks')">Display tasks</a>
</li>
</ul>
</div>
</div>
我建议您在每个任务元素中添加
selected
属性,它将显示当前元素是否已被选中。在此基础上,您可以在任务上执行ng repeat
时选择上的过滤器
标记
<div class="col-md-12">
<div ng-show="filteredTask.length > 0">Below are selected Tasks</div>
<div ng-show="filteredTask.length == 0">No task selected</div>
<ul class="content">
<li ng-repeat= 'task in filteredTask = ( tasks | filter : {selected: true})'>
{{task.title}}
</li>
</ul>
</div>
<ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
<li role="menuitem" ng-repeat="task in tasks">
<a href="javascript:void(false)" ng-click="task.selected = !task.selected">{{task.title}}</a>
</li>
</ul>
以下是选定的任务
未选择任何任务