我有这样的按钮:
<div>
<ul>
<li ng-if="role === 'artist'"><a data-ng-click="search.status = 'PORTFOLIO'" href="">PORTFOLIO</a></li>
<li ><a data-ng-click="Data1 = true;Data2 = false; search.status = ''" href="">ALL PROJECTS</a></li>
<li ><a data-ng-click="Data1 = false;Data2 = true;" href="">NOTIFICATIONS</a></li>
<li ><a data-ng-click="Data1 = true;Data2 = false; search.status = 'COMPLETED PROJECTS'" href="">COMPLETED PROJECTS</a></li>
<li ng-if="role === 'admin'" ><a data-ng-click="Data1 = true;Data2 = false; search.status = 'OPEN'" href="">SAVED PROJECTS</a></li>
<li ng-if="role === 'admin'" ><a data-ng-click="Data1 = true;Data2 = false; search.status = 'IN PROGRESS'" href="">RUNNING PROJECTS</a></li>
<li ng-if="role === 'admin'" ><a data-ng-click="Data1 = true;Data2 = false; search.status = 'ASSETS'" href="">ASSETS</a></li>
<li ng-if="role === 'admin'" ><a data-ng-click="Data1 = true;Data2 = false; search.status = 'JOB REQUESTS'" href="">JOB REQUESTS</a></li>
</ul>
</div>
我在最后四个按钮中使用
ng-if="role=='admin'"
检查角色的位置。问题是当我单击第三个按钮(通知),然后单击定义了ng-if的任何按钮时,该视图未填充。
当我从通知按钮(第三个按钮)导航到所有项目按钮(第一个按钮),然后导航到其他所有具有ng-如果工作正常的按钮。
另外,如果我删除ng-如果工作正常。为什么仅在特定按钮上会发生这种情况?
ng-repeat基于按钮单击填充数据:
<div ng-if="workOrdersList.length > 0">
<ul ng-show="Data1">
<li dir-paginate="wd in workOrdersList | filter: search.status | filter: search.name | itemsPerPage: 10">
<a href="">
<h4>{{wd.name}}</h4>
</a>
<p>Status: {{wd.status}}</p>
</li>
</ul>
<ul ng-show="Data2">
<li>
<div ng-show="notificationDataDashord.length">
<h3>Notifications </h3>
<div infinite-scroll="getPagination()">
<div ng-repeat="notification in notificationDataDashord" ng-class="{even: $even, odd: $odd}" >
<strong>{{notification.user_name}}</strong>
<a href ng-click="openModal(notification.work_module_id)">{{notification.message}}</a>
</div><!--/row-->
<div ng-if="notification.image_url">
<a href="{{notification.image_url}}" target="_blank">
<img src="{{notification.image_url}}">
</a>
</div>
</div><!--/notifications-->
</div><!--/tabs conent-->
</li>
</ul>
<dir-pagination-controls boundary-links="true" ng-show="Data1" auto-hide="true"></dir-pagination-controls>
</div>
控制器:
$scope.Data1 = true;
$scope.Data2 = false;
最佳答案
我建议您尝试在方法中使用ng-show / ng-hide而不是ng-if。
这是一本好书When to favor ng-if vs. ng-show/ng-hide?