将ngIf与ngRepeat一起使用

时间:2015-05-21 12:20:13

标签: javascript angularjs angularjs-ng-repeat ng-repeat angular-ng-if

您好我正在尝试使用基于使用ng-if的编码的两种类型的ng-repeat语句。不知怎的,它不起作用。 代码:

<div ng-if="orderby === '0'">
                <div  ng-repeat="user in users  | filter:search"></div>
            </div>
            <div ng-if="orderby === '1'">
                <div  ng-repeat="user in users  | filter:search| orderBy:'-timestamp'"></div>
            </div>

我有两个控制器,他们使用相同的模板。在一个模板中,我设置了$scope.orderby = '0'的值。在此模板中,我想使用ng-repeat而不使用orderBy,反之亦然。 这没有用。还有其他方法可以执行此类功能吗?

1 个答案:

答案 0 :(得分:0)

创建对象:EasyMock.expect(daoMock.userExists(user)).andReturn(true); 而不是原始变量someObjectName.orderby。 你的绑定将是:

orderby

<div ng-if="someObjectName.orderby === '0'"> <div ng-repeat="user in users | filter:search"></div> </div> <div ng-if="someObjectName.orderby === '1'"> <div ng-repeat="user in users | filter:search| orderBy:'-timestamp'"></div> </div> 有另一个范围,ng-repeat范围内的orderby ng-repeat变量在orderby ng-repeat范围内不相同。

阅读本文,了解有关范围的更多信息:https://github.com/angular/angular.js/wiki/Understanding-Scopes