如何在 Angular2 中为部分模板禁用模板绑定？答案

【问题标题】：How do I disable template binding in for part of template in Angular2?如何在 Angular2 中为部分模板禁用模板绑定？
【发布时间】：2016-08-17 17:34:11
【问题描述】：

我想在 Angular 2 模板中显示 {{ name }} 字符串。

如何禁用部分模板的模板绑定？

【问题讨论】：

标签： angular angular2-template

【解决方案1】：

将ngNonBindable 属性添加到标签，然后Angular 不会处理绑定。

Plunker example

【讨论】：

我找不到任何文档，但在 CHANGELOG.md 中提到了 alpha.38 并且 Github 存储库显示了一些搜索结果 github.com/angular/angular/…

【解决方案2】：

Angular 4/5 的更新。现在，用于在角度模板中打印 { 符号：

 {{ '{' }}

ng serve out Error showing up the correct way

我的 package.json：

{ “名称”：“角度客户端”， “版本”：“0.0.0”， "description": "我的 Angular 客户端", “作者”：“没有人”， “版权”：“”， “许可证”：“未经许可”， “脚本”：{ “ng”：“ng”， “开始”：“ng服务”， “构建”：“ng构建”， “测试”：“ng测试”， “lint”：“ng lint”， “e2e”：“ng e2e” }, “私人”：真的， “依赖”：{ "@angular/common": "^4.4.6", "@angular/compiler": "^4.4.6", "@angular/core": "^4.4.6", "@angular/forms": "^4.4.6", "@angular/http": "^4.4.6", "@angular/platform-browser": "^4.4.6", "@angular/platform-browser-dynamic": "^4.4.6", "@angular/路由器": "^4.4.6", "@angular/升级": "^4.4.6", "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5", "chart.js": "^2.5.0", "core-js": "^2.4.1", "文件保护程序": "^1.3.3", "lodash": "^4.17.4", “时刻”：“^2.18.1”， "ng2-charts": "^1.5.0", "ng2-currency-mask": "^4.3.1", "ng2-slim-loading-bar": "^4.0.0", "ngx-bootstrap": "^1.9.3", "rxjs": "^5.3.0", "stacktrace-js": "^2.0.0", "ts-helpers": "^1.1.2", “zone.js”：“^0.8.8” }, “开发依赖”：{ "@angular/cli": "^1.0.2", "@angular/compiler-cli": "^4.4.6", "@types/jasmine": "^2.5.47", "@types/node": "^7.0.13", "codelyzer": "^2.1.1", “茉莉花核”：“^2.5.2”， "jasmine-spec-reporter": "^3.2.0", "业力": "^1.6.0", "karma-chrome-launcher": "^2.0.0", "业力-cli": "^1.0.1", “业力覆盖-伊斯坦布尔-记者”：“^1.2.0”， “业力茉莉花”：“^1.1.0”， “karma-jasmine-html-reporter”：“^0.2.2”， "量角器": "^5.1.1", "ts-node": "^3.0.2", "tslint": "^4.5.1", “打字稿”：“^2.2.2” } }

【讨论】：