javascript - 嵌套的 ng-binding 与 angularJS

标签 javascript angularjs data-binding nested

我有一些 html 绑定(bind)了需要动态的数据,这是我正在寻找的事物类型的示例。

基本上我希望能够获得 user.female.firstNameuser.male.firstName 但我不知道性别是什么,直到我运行另一个功能。

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

还有性别看起来如何?

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

这样的事情有可能吗?

最佳答案

对于 HTML 它就足够了:

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

JavaScript:

$scope.gender = 'female';

这是一个 JsFiddle:

http://jsfiddle.net/zftLR

关于javascript - 嵌套的 ng-binding 与 angularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23527481/

相关文章:

javascript - 生产 Node 应用程序找不到 SVG 文件

c# - 在 XAML 中绑定(bind)其 SelectedItem 和 ItemsSource 时设置 ComboBox 的 SelectionChanged 事件

WPF - 从 ItemsControl 的 ItemTemplate 中绑定(bind)到项目索引?

javascript - 使用 jQuery 或纯 JavaScript 查找包含特定偏移量的 DOM 元素

javascript - 为什么我的 azure 函数未在 Application Insights 中记录错误?

javascript - 如何使用 $routeProvider 的解析参数显式声明注入(inject)器?

javascript - Express js post方法读取编码数据错误

c# - WPF 二维数组绑定(bind)和上下文菜单

javascript - 根据单击的按钮获取表单内的输入值

javascript - 如何使 QUnit 阻塞直到模块完成?