javascript - angular.js 中的大括号

Question

举例来说，您有一个包含 "father": {"name":"Bob"} 的 .json 文件和一个 javascript 文件，该文件从中获取数据并将其存储在名为family的数组。

{{family.father.name}} 然后会在 html 页面上打印出父亲的名字。

是否可以做这样的事情:

在 JavaScript 文件中:

$scope.member = "father";

在index.html中:

{{family.{{member}}.name}}  
// Is there some way to replace father with a variable
// from the javascript file? Just curious.

Answer 1

使用字典表示法，是的

var member = 'father'

family[member].name  === family.father.name

或有 Angular

js:

$scope.member = 'father'
$scope.family = { 'father': { name : 'Bob' } }

html:

{{ family[member].name }}

将输出“Bob”