javascript - 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的建议编辑(找不到如何接受建议，我希望文本信用没问题:))