ng-class的对象键中的连字符导致编译过程中出现语法错误...但不会打碎任何东西

Question

因此，我在本地开发以下代码时遇到了错误

<div data-ng-if="statuses.notifications.length < 6" data-ng-bind="message" 
data-ng-class="{col-md-10:statuses.notifications.length == 1}" class="siteMessage">

问题位来自ng-class的对象赋值中的键中的连字符。

{col-md-10:statuses.notifications.length == 1}

但实际上没有任何东西被破坏，有没有人对此有经验，或者对这个错误有更多的了解，以及为什么没有任何东西被破坏？

错误日志：

angular.js:13642 Error: [$parse:syntax] http://errors.angularjs.org/1.5.6/$parse/syntax?p0=-&p1=is%20unexpected%2C%…%20%3D%3D%201%7D&p4=-md-10%3Astatuses.notifications.length%20%3D%3D%201%7D
at Error (native)
at http://127.0.0.1:8000/bower_components/angular/angular.min.js:6:412
at Object.throwError (http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:143)
at Object.consume (http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:318)
at Object.object (http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:53)
at Object.primary (http://127.0.0.1:8000/bower_components/angular/angular.min.js:224:68)
at Object.unary (http://127.0.0.1:8000/bower_components/angular/angular.min.js:223:411)
at Object.multiplicative (http://127.0.0.1:8000/bower_components/angular/angular.min.js:223:157)
at Object.additive (http://127.0.0.1:8000/bower_components/angular/angular.min.js:222:493)
at Object.relational (http://127.0.0.1:8000/bower_components/angular/angular.min.js:222:328) <div data-ng-if="statuses.notifications.length < 6" data-ng-bind="message" data-ng-class="{col-md-10:statuses.notifications.length == 1}" class="siteMessage ng-binding ng-scope">

错误链接(https://docs.angularjs.org/error/$parse/syntax?p0=-&p1=is%20unexpected，%20expecting%20%5B%7D%5D&p2=5&p3=%7Bcol-md-10:statuses.notifications.length%20%3D%3D%201%7D&p4=-md-10:statuses.notifications.length%20%3D%3D%201%7D)告诉我这是编译过程中的语法错误，但它没有显示类似...虽然很酷，但没什么会坏的，我们只是为了好玩而记录它哈哈。

Answer 1

如果我没记错的话，您应该用col-md-10引用该部分，并在冒号后面添加一个空格，如下所示：data-ng-class="{'col-md-10': statuses.notifications.length == 1}"

由@andrew-clavin的建议编辑(我不知道如何接受建议，我希望文本信用是ok的:)