如何在Angular JS中进行嵌套插值

Question

我有一个需要嵌套插值才能计算的ng-repeat。下面是一个示例：

<div ng-repeat="i in ['1', '2', '3']">
    should evaluate to {{ i }}: {{ (i>0) && ( {{ i }} ) || false }}
</div>

这是通过一个$parse错误实现的。我认为问题是Angular不能执行嵌套求值操作，也不支持嵌套插值。

有没有办法绕过这个问题？

Answer 1

由于您无法嵌套{{}}，因此会出现解析错误。

{{ JavaScript }}基本上告诉angular，{{ }}中的任何东西(在我的例子中是代码)都是代码，而js不理解{{ }}语法。这就是为什么第二个{{ i }}会导致问题。

您可能还想查看ngRepeat文档-有一些特殊的属性，如$index，您可以使用..https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

我不明白这个{{ i }}: {{ (i>0) && ( {{ i }} ) || false }}语句是怎么回事，而且你不能在angular js中嵌套{{}}。

你是不是想让

<div ng-controller="MyCtrl">
   <div ng-repeat="i in ['0','1', '2', '3']">
       {{ i>0 ? true: false }}
    </div> 
</div>

Answer 3

将打印{{}}中内容的结果-不需要嵌套：

<div ng-repeat="i in ['0','1', '2', '3']"> {{ i > 0 ?  i : false }} </div>