Как отключить привязку шаблона для части шаблона в Angular2?

Я хотел бы отобразить строку {{ name }} в шаблоне Angular 2.

Как отключить привязку шаблона для части шаблона?


angular angular2-template
person tomaszbak    schedule 24.04.2016    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Добавьте в тег атрибут ngNonBindable, тогда Angular не будет обрабатывать привязки.

Пример планкера

person Günter Zöchbauer    schedule 24.04.2016
comment
Я не смог найти никаких документов, но это было упомянуто в CHANGELOG.md для alpha.38, а репозиторий Github показывает некоторые результаты поиска github.com/angular/angular/ - person Günter Zöchbauer; 24.04.2016

arrow_upward
2
arrow_downward

Update for Angular 4/5. Now, for printing { symbol inside angular template: 

 {{ '{' }}

ng раздача Ошибка отображения правильного пути

Мой пакет.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"
      }
    }
person r0b3rt0    schedule 30.11.2017