简体繁体 English

如何在Angular2中为模板的一部分禁用模板绑定？

[英]How do I disable template binding in for part of template in Angular2?

原文 2016-04-24 10:04:23 6 2 angular/ angular2-template

I would like to display {{ name }} string in Angular 2 template. 我想在Angular 2模板中显示{{ name }}字符串。

How do I disable template binding for part of template? 如何禁用部分模板的模板绑定？

2 个解决方案

Add the ngNonBindable attribute to the tag, then Angular doesn't process bindings. 将ngNonBindable属性添加到标记，然后Angular不处理绑定。

Plunker example Plunker的例子

Update for Angular 4/5. 更新Angular 4/5。 Now, for printing { symbol inside angular template: 现在，用于打印角度模板内的{符号：

{{ '{' }}

ng serve out Error showing up the correct way ng服务错误显示正确的方式

My package.json: 我的package.json：

{
      "name": "angular-client",
      "version": "0.0.0",
      "description": "My Angular Client",
      "author": "noone",
      "copyright": "",
      "license": "UNLICENSED",
      "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      },
      "private": true,
      "dependencies": {
        "@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/router": "^4.4.6",
        "@angular/upgrade": "^4.4.6",
        "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
        "chart.js": "^2.5.0",
        "core-js": "^2.4.1",
        "file-saver": "^1.3.3",
        "lodash": "^4.17.4",
        "moment": "^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"
      },
      "devDependencies": {
        "@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",
        "jasmine-core": "^2.5.2",
        "jasmine-spec-reporter": "^3.2.0",
        "karma": "^1.6.0",
        "karma-chrome-launcher": "^2.0.0",
        "karma-cli": "^1.0.1",
        "karma-coverage-istanbul-reporter": "^1.2.0",
        "karma-jasmine": "^1.1.0",
        "karma-jasmine-html-reporter": "^0.2.2",

        "protractor": "^5.1.1",


        "ts-node": "^3.0.2",
        "tslint": "^4.5.1",
        "typescript": "^2.2.2"
      }
    }