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

我正在使用ng2和kendo-ui网格组件。直到我去添加另一个属性到kendo网格组件时，我才有了问题，现在我似乎陷入了一些奇怪的编译器赋格状态。错误代码删除后Angular2模板解析错误

错误在Chrome浏览器开发控制台：

Unexpected character "a" (" 
    </kendo-grid-column> 
    </kendo-grid 
    [ERROR ->]appRowClick 
    [ngStyle]="{ 
     'height': showAdditionalFilters ? 'calc(100vh - 280px)' : 'calc("): ng:///FooBarModule/[email protected]:4 
Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) (" 
     'width': 'calc(100vw - 130px)'}"> 

</div> 
[ERROR ->]"): ng:///FooBarModule/[email protected]:0 
Invalid ICU message. Missing '}'. (" 
     'width': 'calc(100vw - 130px)'}"> 

</div> 
[ERROR ->]"): ng:///FooBarModule/[email protected]:0 
    at syntaxError (compiler.es5.js:1690) 
    at DirectiveNormalizer.normalizeLoadedTemplate (compiler.es5.js:14132) 
    at compiler.es5.js:14118 
    at Object.then (compiler.es5.js:1679) 
    at DirectiveNormalizer.normalizeTemplateOnly (compiler.es5.js:14118) 
    at DirectiveNormalizer.normalizeTemplate (compiler.es5.js:14100) 
    at CompileMetadataResolver.loadDirectiveMetadata (compiler.es5.js:15129) 
    at compiler.es5.js:26806 
    at Array.forEach (<anonymous>) 
    at compiler.es5.js:26805

foo.bar.html（与ngStyle）：

<kendo-grid 
    appRowClick 
    [ngStyle]="{ 
     'height': showAdditionalFilters ? 'calc(100vh - 280px)' : 'calc(100vh - 180px)', 
     'width': 'calc(100vw - 130px)'}" 
    [data]="gridData" 
    [selectable]="true" 
    [sortable]="true" 
    (selectionChange)="selectionChange($event)" 
    (dataStateChange)="dataStateChange($event)">...</kendo-grid>

所以我删除整个[ngStyle]输入预计会解决问题，但我仍然收到错误。该代码不存在于应用程序的其他任何地方。

有谁知道可能是什么问题？我试过重新启动ng serve和刷新浏览器，但似乎都没有工作。

foo.bar.html（不ngStyle）：

<kendo-grid 
    appRowClick 
    [data]="gridData" 
    [selectable]="true" 
    [sortable]="true" 
    (selectionChange)="selectionChange($event)" 
    (dataStateChange)="dataStateChange($event)">...</kendo-grid>

来源

2017-07-28 Blexy

除了线休息，你的ngStyle指令看起来很好。什么是'appRowClick'属性？ – Trent

它是否会编译，如果你删除“appRowClick”？ – vidalsasoon

我已经删除了'appRowClick'指令并将ngStyle绑定表达式移到了同一行，而且我仍然看到问题。 – Blexy

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

[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)'}"

来源

2017-07-28 17:24:38

我删除了整个[ngStyle]输入，但仍然看到错误。思考？ – Blexy

我想这不是你发布的代码。您能否将新的错误信息添加到您的问题中？ –

你是对的，我是一个小丑。我以某种方式将相同的代码粘贴在html的底部，所以它都是顶起来的。感谢您的帮助。 – Blexy

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

回答

相关问题