使用角度ng模型的表达式

Question

控制器中的某个地方：

$scope.foo = {'name': 'user_name', 'bindTo': 'user.name'};

然后在html上：

<label for="user_name">User Name</label>
<input name="{{foo.name}}" type="text" class="form-control" ng-model="{{foo.bindTo}}"/>

这引发：

Syntax Error: Token 'foo.bindTo' is unexpected, expecting [:] at column 3 of the expression [{{foo.bindTo}}] starting at [foo.bindTo}}]

有没有办法实现这个目标？

Answer 1

您想将输入绑定到$scope.user.name，对吧？ 我遇到了类似的问题。我所做的与您的结构类似：

$scope.foo = { 'name' : 'name', 'bindTo' : $scope.user };

HTML：

<label for="{{ foo.name }}">User Name</label>
<input name="{{foo.name}}" type="text" class="form-control" ng-model="foo.bindTo[foo.name]"/>