이 글은 주로 참조값이 있는 Angular 템플릿 구문에 대한 설명을 소개합니다. 이제 모든 사람과 공유합니다. 필요한 친구들이 참조할 수 있습니다.
이 평가되고, 평가 결과가 문자열로 변환되며, 인접한 문자열 리터럴과 연결됩니다. 마지막으로 결합된 보간 결과를 요소나 지시어의 속성에 할당합니다. 표면적으로는 요소 태그 사이에 결과를 삽입하고 태그의 속성을 할당했습니다. 이렇게 생각하면 편리하고, 이러한 오해로 인해 문제가 발생하는 경우는 거의 없습니다. 그러나 엄밀히 말하면 이는 사실이 아니다. 보간 표현식은 Angular가 속성 바인딩으로 변환하는 특수 구문입니다.
은
<p>Hello {{name}}</p>
2와 동일합니다. 템플릿 표현식
입력 속성의 값은 상수입니다.
<p [textContent]="interpolate(['Hello'], [name])"></p>
<show-title title="Some Title"></show-title>
와 동일합니다. 입력 속성의 값은 변수입니다.
<show-title [title]="'Some Title'"></show-title>
템플릿 변수
를 생성합니다. ngFor 지시문은 상위 구성 요소의 영웅 속성에 의해 반환된 영웅 배열을 반복하여 각 반복마다 배열의 현재 요소를 영웅 변수에 할당합니다.템플릿 참조 변수<show-title [title]="someTitle"></show-title>로그인 후 복사
<p *ngFor="let hero of heroes">{{hero.name}}</p>
템플릿 문
<input #phone placeholder="phone number">
위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!
관련 권장 사항:
Angular-UI 부트스트랩 구성 요소를 사용하여 경고를 구현하는 방법config/index.js에 대한 자세한 설명: vue의 구성위 내용은 Angular 템플릿 구문에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!