javascript - Angular 绑定(bind)到带空格的方括号表示法属性

Question

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

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

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

虽然这只是伪代码，但我们在 Angular 中收到的具体错误是:“未捕获错误:语法错误，无法识别的表达式:select[ng-model='ticket.Properties['assigned to']']”。

编辑:找出解决方案。在外面使用单引号，在里面使用双引号:

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

Answer 1

这绝对有可能，请参阅我在此处创建的代码段。

我只是将初始化代码移到了 Controller 中。

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>