angular.js ng-repeat - 检查条件是否为真然后使用另一个集合

Question

我想知道是否有可能检查内部使用的集合ng-repeat？

例如,在我的控制器中,我有两个从服务器获取的数据数组,现在我用ng-switch它们在它们之间切换,检查这个jsbin - http://jsbin.com/diyefevi/1/edit?html,js,output

问题是li我的实际应用程序中的这些视图很大但很相似..所以我真的想用1 ng-repeat而不是2.

所以我想知道ng-repeat="book in if list==='adultBooks' adultBooks else childBooks"Angular中是否有类似的东西？

谢谢!

Answer 1

试试这个 ...

在你的控制器中

$scope.getDataSource=function(condition){

  if(condition){ return dataSource1; }
  return dataSource2;
};

在你的Html中

ng-repeat="book in getDataSource(/*condition*/)

MVVM Pattern建议将我们的逻辑始终放在控制器中,而不是放在视图中(HTML).如果您发现自己在视图中添加了"逻辑",那么可能还有另一种"更好"的方法.

但只是为了" 有趣 ",你也可以这样做:

ng-repeat="book in {true: adultBooks, false: childBooks}[list==='adultBooks']"

像这样:

<li ng-repeat="book in {true: childBooks, false:adultBooks}[list==='childBooks']">{{book.name}

以下是完整示例: