Javascript 使用angularJS的嵌套ng绑定

我有一些html的数据绑定需要是动态的，这里是一个例子类型的东西，我正在寻找

基本上，我希望能够获取

user.female.firstName

，或者

user.male.firstName

，但是在运行另一个函数之前，我不知道性别是什么

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

---

这样做可能吗？

对于HTML，它就足够了：

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

下面是一个JSFIDLE：

---

对于HTML，它就足够了：

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

下面是一个JSFIDLE：

$scope.gender = 'female';