角度绑定到带有空格的方括号表示法属性

时间:2014-11-11 13:20:06

标签: javascript angularjs binding

是否可以使用访问属性的方括号表示法以角度绑定到属性。例如(使用伪代码)。

<script type="text/javascript">
    var object = { };
    object["my property"] = 3;
</script>
<input ng-model="object['my property']" />

我知道支持方括号表示法,但似乎没有办法绑定到其中有空格的属性。

虽然这只是伪代码,但我们收到的特定错误是:“未捕获的错误:语法错误,无法识别的表达式:选择[ng-model ='ticket.Properties ['assign to']']”。< / p>

编辑:找出解决方案。在外部使用单引号,在内部使用双引号:

<input ng-mode='myObject["my property"]' />

1 个答案:

答案 0 :(得分:1)

这绝对可以,请参阅我创建的片段。

我刚刚将初始化代码移动到控制器中。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.object = {};
  $scope.object['my property'] = 3;
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <input ng-model="object['my property']" />
    <pre>{{object|json}}</pre>
  </div>
</div>