Javascript ng类中的连字符'；s对象键在编译期间导致语法错误。。。但不破坏任何东西

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

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

但实际上没有任何东西会断裂，有没有人有过这样的经验，或者更了解这个错误，以及为什么没有任何东西会断裂

错误日志：

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">

angular.js:13642错误：[$parse:syntax]http://errors.angularjs.org/1.5.6/$parse/syntax？p0=-&p1=是%20意外的%2C%…%20%3D%3D%201%7D&p4=-md-10%3Astatuses.notifications.length%20%3D%3D%201%7D
错误（本机）
在http://127.0.0.1:8000/bower_components/angular/angular.min.js:6:412
投掷者(http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:143)
在Object.consume(http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:318)
在Object.Object(http://127.0.0.1:8000/bower_components/angular/angular.min.js:228:53)
在Object.primary(http://127.0.0.1:8000/bower_components/angular/angular.min.js:224:68)
一元(http://127.0.0.1:8000/bower_components/angular/angular.min.js:223:411)
在宾语。乘法(http://127.0.0.1:8000/bower_components/angular/angular.min.js:223:157)
在对象上(http://127.0.0.1:8000/bower_components/angular/angular.min.js:222:493)
在Object.relational(http://127.0.0.1:8000/bower_components/angular/angular.min.js:222:328) 

---

错误链接（$parse/syntax？p0=-&p1=是%20意外，%20期望%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）告诉我这是编译期间的语法错误，但它没有说类似于。。。不过很酷，没有什么会坏的，我们只是为了好玩才记录下来的哈哈

如果我没记错的话，您应该引用带有

col-md-10

的部分，并在冒号后面添加一个空格，如下所示：

data ng class=“{'col-md-10'：statuses.notifications.length==1}”

---

由@andrew clavin的建议编辑（无法找到如何接受建议，我希望文本信用是可以的：）

如果我没记错的话，你应该引用带有

col-md-10

的部分，并在冒号后添加空格，如下所示：

data ng class=“{col-md-10'：statuses.notifications.length==1}”

---

由@andrew clavin的建议编辑（找不到如何接受建议，我希望文本信用是可以的：）

引用似乎破坏了它，我正在考虑设置一个范围相同的对象，并将其包装在{{}中，但我更好奇的是，为什么会出现编译错误，但页面上什么也没有出现。我通常会遵循下面的示例：Edit：按enter键太快：p您可以尝试：data ng class=“{'col-md-10'：（statuses.notifications.length==1）}”，或者更好的是，避免在同一个go:data ng类中进行强制=“{'col-md-10'：（statuses.notifications.length==1）}”另一个选项是尝试删除“数据”-“-属性的前缀虽然我高度怀疑这会有什么不同，但我只是不使用它，所以如果其他一切都失败了，那么值得一试数据前缀是为了使其成为洁洁净度的html标记，不是说没有它浏览器会拒绝它，而是这样它遵循规范。很好地抓住了强制。结果是，我在冒号后面的空格中放了一次“”单引号就解决了这个问题（oops）。谢谢@rohde！仍然对编译错误感到好奇，没有破坏任何东西，并且它仍然工作，你认为这对于angular来说很常见吗？我不记得曾经遇到过它。引号似乎打破了它，我正在考虑设置一个范围相同的对象，并将其包装在{{}中，但我更好奇的是，为什么会出现编译错误，但页面上什么也没有出现。我通常会遵循下面的示例：Edit：按enter键太快：p您可以尝试：data ng class=“{'col-md-10'：（statuses.notifications.length==1）}”，或者更好的是，避免在同一个go:data ng类中进行强制=“{'col-md-10'：（statuses.notifications.length==1）}”另一个选项是尝试删除“数据”-“-属性的前缀虽然我高度怀疑这会有什么不同，但我只是不使用它，所以如果其他一切都失败了，那么值得一试数据前缀是为了使其成为洁洁净度的html标记，不是说没有它浏览器会拒绝它，而是这样它遵循规范。很好地抓住了强制。结果是，我在冒号后面的空格中放了一次“”单引号就解决了这个问题（oops）。谢谢@rohde！仍然对编译错误感到好奇，没有破坏任何东西，并且它仍然工作，你认为这对于angular来说很常见吗？我不记得曾经碰到过它。

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">