templates – Stepan Suvorov Blog

Шпаргалка по синтаксису шаблонов Angular2

Stepan — Sat, 07 Jan 2017 20:26:30 +0000

взято с официальной документации, переведено/переработано.


[value]=”firstName”>	задание свойства value
[attr.role]=”myAriaRole”>	задание атрибута role.
[class.extra-sparkle]=”isDelightful”>	Выставляет класс extra-sparkle по условию isDelightful
[style.width.px]=”mySize”>	задает значение width в пикселях.
(click)=”readRainbow($event)”>	Привязывает обраобтчик клика readRainbow
Hello {{ponyName}} {{ponyName}}“>	Подставляет значение выражения
[(title)]=”name”>	Двойное связывание, альтернатива:
#movieplayer …> (click)=”movieplayer.play()”>	Создает локальную переменную movieplayer, которая является ссылкой на элемент video
*myUnless=”myExpression”>…	Символ * превращает текущий элмент во втроенный шаблон: :
Card No.: {{cardNumber \| myCardNumberFormatter}}	Применение myCardNumberFormatter пайпа.
Employer: {{employer?.companyName}}	Указание не обязательного поля с помощью оператора “?“

AngularJS: подружить $httpBackend моки с шаблонами

Stepan — Wed, 29 Jan 2014 15:12:09 +0000

Если необходимо использовать одновременно mock-сервис $httpBackend(из ngMock или ngMockE2E) и загрузку шаблонов из файлов(которая идет через незамоканы $httpBackend сервис), получаем конфликт с выдачей следующей ошибки:

Error: Unexpected request: GET views/main.html

Которая говорит о том, что наш мок не знает ничего о шаблонах.

Возможны 2 варианта решения:

отказаться вообще от загрузки html файлов (гуглить в тему кеширования шаблонов и html2js) – это позволит не использовать $httpBackend сервис вообще
сделать заглушку на заглушку: дать инструкции мок сервису пропускать запросы на шаблоны. Делается это так: $httpBackend.whenGET(/^tepmlates\//).passThrough();

Полный код второго варианта:

app.run(function ($httpBackend) {
        $httpBackend.whenGET(/^tepmlates\//).passThrough();
});

Полезная статья в тему и пример, также обсуждение на SO.