1 * ngFor는 구조형 명령어이다. 추가, 삭제 및 그 호스트 소자 구조 조작함으로써 지시
성형 또는 DOM 구조를 재 형성 등. * 구조형 명령어와 상관있는 명령어
그래서, 예를 들어
<= 리 * ngFor "영웅 영웅하자">이 // <리> 호스트 요소 * ngFor
자바 스크립트 내장 객체, 호스트 오브젝트, 사용자 정의 차이를 객체?
내장 객체 : 객체 시스템이 제공 : 객체, 배열, 수학, 날짜로
같은 객체 JS 실행 환경 : 호스트 오브젝트 BOM에 창, 문서의 DOM
사용자 정의 개체 : 사용자 정의 생성자 생성 사물
2, 보간 표현은 {{}} 당신은, 바인딩 속성 구문은 [] 다음 속도 텍스트 속성 값을 렌더링 할 수 있습니다
속성 값 템플릿 표현식을 사용
[제목] = "product.name + 상세 "- 속성치 문자열 처리의 내용 등이 보이지 않는 경우에
대응하는 속성 값이 결과는 정의되지이 열자, 내용이 해결 될 것이다 정의되지
표시하기 위해 있도록 다음 문자열 포맷 [제목] = "+ product.name '상세' '
--details 문자열 표시가 정상적으로 것
표제 = "{{product.name}} +보기"=> {{}} 속성치의 내용 만이 분석으로 처리 될
속성 값이 존재하지 않는 경우 분석 결과가 null, 결과적으로 보이지 않는,
따라서, 동적 특성이 제안 [] 결합 방법 - 일반적인 특성을 쉽게 구별
3, ActivetedRoute - 특이 각 라우팅 구성 요소는 각도 라우터로드된다.
이 라우팅 정보와 관련된 다른 경로에 대한 데이터 및 라우팅 매개 변수가 포함
변수의 라우팅을 얻기 :
this.route.paramMap.subscribe합니다 (= PARAMS> {
this.product = 제품 [params.get ( '제품 ID는')]
})
이 파라미터는 경로에 정의 된 라우팅 경로 변수에 대응
그들은 쉽게 할 수 있기 때문에 일반적으로 유동 함수의 형태로 서버로부터 반환 된 스트림 (4), 데이터는 유용한
데이터 변환이 수정 데이터를 요청할 수 반환
5, CSS 요소 선택기 앱 영웅, 조립 템플릿의 부모 HTML 요소의 이름과 일치하는 데 사용되는
구성 요소를 식별하는
6, 대문자 - 대문자 알파벳 문자
7 - [(ngModel)] 양방향 구속력하려면 FormsModule에 app.module.ts에서 모듈을 가져와야
8, 추가 또는 CSS 클래스를 제거하는 메커니즘을 결합 CSS 클래스는 한에 따라로서, 매우 쉬운 상태가된다
[class.some - CSS 클래스] = "몇 가지 조건" 요소에 적용 할 스타일에 추가 할
수 있습니다 A, 예를 들어 [class.selected] = "영웅 === selectedHero"