각도 2 : 확인란에 따라 일부 텍스트 변경

Question

저는 Angular 2를 처음 접했고 그걸 배우기 위해 놀았습니다. 부울 값에 따라 화면의 일부 텍스트를 변경하려고했습니다.

토글 체크 박스가 있고 토글 버튼에 따라 화면의 일부 텍스트를 앞뒤로 전환하고 싶다고 가정 해 봅니다.

<div class="ui toggle checkbox"> 
    <input type="checkbox" [(ngModel)]="version2" name="versionControl"> 
    <label>version2</label> 
</div> 
{{versionText}} 

그리고 구성 요소가 나는 시작하고 처음에 값을 할당하고있어 이후로는 작동하지 않습니다 물론이

export class AppComponent { 
    version2:boolean=false; 
    versionText= this.version2 ? "This is Version 1:" : "Switched to Version 2" 
    ... 
} 

같은 것, 버전 2는 거짓 심지어 경우 부울 값이 나중에 바뀌므로 텍스트를 다시 할당하지 않을 것입니다.

나는 onClick 함수 (또는 유사한 항목)를 사용하여 수행 할 수 있음을 알고 있지만, 이것을 달성하는 쉽고 더 많은 "각도"방법이 있는지를 알기 위해.

Answer 1

당신은 ngIf 사용할 수 있습니다

<div class="ui toggle checkbox"> 
    <input type="checkbox" [(ngModel)]="version2" name="versionControl"> 
    <label *ngIf="verion2">This is Version 1:</label> 
    <label *ngIf="!verion2">Switched to Version 2</label> 
</div> 

하거나

<div class="ui toggle checkbox"> 
    <input type="checkbox" [(ngModel)]="version2" name="versionControl"> 
    <label>{{versionText}}</label> 
</div> 

을