用angularJS嵌套ng-binding

Question

我有一些需要動態綁定的html數據，這是我要查找的類型的示例。

基本上，我希望能夠獲得user.female.firstName或user.male.firstName但是在運行其他功能之前，我不知道性別是什么。

<h1>{{user.{{gender}}.firstName}}</h1>

性別也會看起來如何？

$scope.gender = 'female';
$scope.gender = female;

這樣的事情有可能嗎？

Answer 1

對於HTML來說就足夠了：

<h1>{{user[gender].firstName}}</h1>

JavaScript：

$scope.gender = 'female';

這是一個JsFiddle：

http://jsfiddle.net/zftLR