删除错误代码后Angular2模板分析错误

我正在使用ng2和剑道ui网格组件。在我向剑道网格组件添加另一个属性之前，我没有遇到任何问题，现在我似乎陷入了某种奇怪的编译器赋格状态

Chrome开发控制台中出现错误：

意外字符“a”（“
]接近舔
[ngStyle]=”{
'height'：showAdditionalFilters？'calc（100vh-280px）'calc（“）：ng:///FooBarModule/FooBarComponent。html@214:4
意外字符“EOF”（模板中是否有未转义的“{”字符？请使用“{{}}”）对其进行转义。）（“
‘宽度’：‘计算（100vw-130px）’}>
[错误->]”：ng:///FooBarModule/FooBarComponent。html@220:0
ICU消息无效。缺少“}”。（“
‘宽度’：‘计算（100vw-130px）’}>
[错误->]”：ng:///FooBarModule/FooBarComponent。html@220:0
在syntaxError（compiler.es5.js:1690）
位于DirectiveNormalizer.normalizeLoadedTemplate（compiler.es5.js:14132）
在compiler.es5.js:14118
at Object.then（compiler.es5.js:1679）
位于DirectiveNormalizer.normalizeTemplateOnly（compiler.es5.js:14118）
在DirectiveNormalizer.normalizeTemplate（compiler.es5.js:14100）
位于CompileMetadataResolver.loadDirectiveMetadata（compiler.es5.js:15129）
在compiler.es5.js:26806
在Array.forEach（）处
在compiler.es5.js:26805

foo.bar.html（带有ngStyle）：

。。。

因此，我删除了整个[ngStyle]输入，希望能解决这个问题，但我仍然收到错误。该代码在应用程序的其他任何地方都不存在

有人知道问题出在哪里吗？我试过重新启动

ngserve

并刷新浏览器，但两种方法都不起作用

foo.bar.html（不含ngStyle）：

。。。

绑定表达式中不能有换行符

[ngStyle]="{
   'height': showAdditionalFilters ? 'calc(100vh - 280px)' : 'calc(100vh - 180px)',
   'width': 'calc(100vw - 130px)'}"

应该是

[ngStyle]="{ 'height': showAdditionalFilters ? 'calc(100vh - 280px)' : 'calc(100vh - 180px)', 'width': 'calc(100vw - 130px)'}"

---

除了换行符之外，您的ngStyle指令看起来还不错。

appRowClick

属性是什么？如果删除“appRowClick”，它会编译吗？我已经删除了

appRowClick

指令，并将ngStyle绑定表达式移到了同一行，但我仍然看到了问题。我已经删除了整个[ngStyle]输入后，我仍然看到错误。想法？我想这不是你当时发布的代码。你能在你的问题中添加新的错误消息吗？你是对的，我是个小丑。我不知何故在html的底部粘贴了相同的代码，所以它被提升了。谢谢你的帮助。