ngx translate attribute

Опубликовано в Angular • 19 августа 2018 г. • 1 мин. на чтение

Привязка атрибутов в ngx-translate:

<img src="image.jpg" [alt]="'KEY' | translate">

или

<img src="image.jpg" alt="{{'KEY' | translate}}">

Рекомендуется использовать первый подход, так как в нем значение присваивается только если оно доступно.

Некорретный варинат:

<img src="image.jpg" [alt]="{{'KEY' | translate}}">

Покажу на примере нового проекта.

ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap

В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],

Начиная с версии rxjs 5.5 операторы вместо цепочки вызовов применяются как параметры функции pipe.

Вариант решения проблемы, когда не срабатывают точки остановки при разработке Angular приложений в редакторе VS Code

Определение Provider (useClass, useValue, useFactory ), Injector. Декоратор @Inject, ключ multi: true

Общий сценарий внедрения библиотек в компоненты через DI

// Jest
const serviceMock = {
 methods: jest.fn(),
 you: jest.fn(),
 want: jest.fn(),
 to: jest.fn(),
 mock: jest.fn()
};