Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular (Создание компонента: (Компонент (@ Component (selector: 'app…
Angular
Создание компонента:
Через терминал
ng generate component Name
ng g c Name
Компонент
@ Component
selector: 'app-NAME'
Имя по которому мы обращаемся в html коде
template:
Можем писать внутри html код
templateUrl:
Вписываем ссылку на component.html
styleUrls: [ ]
Вписываем ссылку на component.css / sass
styles: [ ]
Можем писать внутри css коды
selector: '[app-Name]'
Создание селектора через атрибут
selector: '.app-Name'
Создание селектора через класс
Свойства
Задаем переменные в my.component.ts
Обращаемся через:
{{var}} или [property] = "var"
Событие
Обращаемся через
(event)="function()"
Двустороннее связывание:
[(ngModel)]="var"
Создание условий:
<tag *ngIf = "var"; else var2></tag>
<ng-template>
<tag>Content</tag>
</ng-template>
Передача параметров
В html:
<tag *ngFor = "let car of cars" [carItem]="car">
В TypeScript:
@ Input() carItem: { }