Question

如果这是重复的道歉 - 这是一个难以搜索的问题，因为它是关于非常常见的功能，但没有任何独特的关键词...

我知道如何使用 ng-repeat 逐个获取对象，例如：

<li ng-repeat="person in people">{{person.name}} {{person.address}}</li>

但是如果我想指定一个特定的对象呢？我的意思是： （我意识到这不是正确的Angular）

<h1>Project Directors' Contact Info</h1>
<li>{{personWithName('Jonah').name}} {{personWithName('Jonah').address}}</li>
<li>{{personWithName('Ann').name}} {{personWithName('Ann').address}}</li>

或者

<h1>Project Directors' Contact Info</h1>
<li ng-model="{person = personWithName('Jonah')}">{{person.name}} {{person.address}}</li>
<li ng-model="{person = personWithName('Ann')}">{{person.name}} {{person.address}}</li>

假设我在控制器范围内有一些功能可以轻松获取我想要的特定对象/记录，那么在角度视图标记中创建一种变量的正确语法是什么，所以我不只是调用那个抓取/反复查找功能？

Answer 1

你的榜样 -

<h1>Project Directors' Contact Info</h1>
<li>{{personWithName('Jonah').name}} {{personWithName('Jonah').address}}</li>
<li>{{personWithName('Ann').name}} {{personWithName('Ann').address}}</li>

如果您在控制器中将$ scope.personWithName定义为一个函数，可以通过它的名称属性从集合中获取特定对象。

Answer 2

答案似乎是创建一个自定义指令，所以我可以这样做：

<ng-bw-person name="Jonah">
<ng-bw-person name="Anne">

我见过的最好的解释是在Angular的50个例子中，第2部分。我强烈推荐整个事情。

虽然可以肯定的是，在只有一个或两个实例的情况下，自定义指令似乎有些过分......仍然觉得有更好的方法！

使用AngularJS为HTML部分设置特定对象

2 个答案: