我有这样的按钮:

<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?

10-07 16:33
查看更多