javascript - Angular 重复指令语法

Question

我是 AngularJS 的新手，在学习 Codecademy 类(class)时我被卡住了。我试图使用以下语法重复指令。

<div class="card" ng-repeat="app in apps">
  <app-info info="{{ app }}"></app-info> 
</div>

我试了一下，发现我需要删除花括号。

<div class="card" ng-repeat="app in apps">
  <app-info info="app"></app-info> 
</div>

但如果我没有使用指令，我想我会像这样访问信息。 AngularJS documentation.

<div class="card" ng-repeat="app in apps">
  {{ app }}
</div>

有人可以解释为什么我不需要花括号来帮助我更好地理解 AungularJS。谢谢!

Answer 1

插值符号{{ }}的使用取决于指令的实现。ng-click='expression' 或 ng-if='expression' 等一些指令采用没有双花括号的表达式。

而一些其他指令，例如 ng-src='{{expression}}' 接受插值符号。

这完全取决于指令的设置方式。

插值的基本用法是执行表达式并用表达式的返回值(字符串值)替换内容。

随着您对指令的了解越来越多，您将了解如何使用 @,=,& 将参数传递给指令。这些参数可以是简单的字符串值(在这种情况下可以使用插值)、对象或函数。