javascript - 是否可以在 ng-repeat 中传递变量？

Question

我是 Angular 新手，想知道是否可以用变量替换 ng-repeat 指令中的firstP？我正在使用 AngularJS v1.6.6

ng-repeat="option in people['firstP']"

var people = {
    "firstP": [
        "",
        "James",
        "Jack",
    ], 
    "SecondP": [
        "",
        "Bill",
        "Bob",
    ]
};

Answer 1

is it possible to replace firstP inside ng-repeat Directive with a variable?

是的，可以用变量替换 firstP，毕竟您只是在 Angular 中使用普通的 javascript 对象括号表示法。

解决方案:

如果您尝试动态显示 people 对象内容，那么您可以这样做:

<div ng-repeat="(key, value) in people">
  <select>
    <option ng-repeat="option in people[key]">{{option}}</option>
  </select>
</div>

首先，您需要循环遍历 people 对象 keys，然后为每个 key 获取相关的数组 ，然后循环每个数组以显示其内容。

注意:

请注意，我们可以直接在 ng-repeat 中将 people[key] 替换为 value，这样它就变成了 ng-重复=“值中的选项”。

我只是使用 people[key] 来提出问题，回答您的具体问题。

演示:

这是现场工作 Plunker .