Débuter avec Angular 14: #7 Les composants: comment les pimper
레 소품 a.k.a @Input()
C'est un terme qui n'est pas lié à Angular mais qu'on entend plus souvent chez des frameworks comme React, Vue, Svelte (enfin presque tous les frameworks appellent ca comme ca)
En Angular, les app.
Les props permettent tout commes les parametres d'une fonction, d'injecter des variables qui pouront ensuite etre utilisés pour calculer par exemple(dans le cadre d'une fonction) et plus encore(afficher, dans le cadre d'une composant)
Pour permettre au composant
DishCard
d'afficher un nom de plat par exemple// dish-card.component.ts
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-dish-card',
templateUrl: './dish-card.component.html',
styleUrls: ['./dish-card.component.css'],
})
export class DishCardComponent implements OnInit {
@Input() name: string = '';
constructor() {}
ngOnInit(): void {}
}
<!-- app.component.html -->
<app-dish-card name="hey"></app-dish-card>
Reference
이 문제에 관하여(Débuter avec Angular 14: #7 Les composants: comment les pimper), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sidali/debuter-avec-angular-14-7-les-composants-comment-les-pimper-4mc2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)