Angular 2+: флажок декоратора ввода не отражает - PullRequest
Новая
       7

Angular 2+: флажок декоратора ввода не отражает

0 голосов
/ 12 февраля 2019

У меня есть компонент

timeBoxSelector HTML: 

<input type="checkbox" [(ngModel)]="selected">

TS: 

@Component({
   ...
})
export class TimeboxComponent implements OnInit {
    @Input() selected: boolean;

    constructor() {}

    ngOnInit() {
        console.log('Selected: ', this.selected);
    }
}

Теперь, когда я создаю 

<app-timebox selected="false"><app-timebox/>
<app-timebox selected="true"><app-timebox/>

В обоих случаях флажок изначально отображается как выбранный.Почему это так, и как я могу это исправить?

1 Ответ

0 голосов
/ 12 февраля 2019

В обоих случаях вы связываете непустые строки, которые являются истинными значениями.Используйте нотацию в скобках , чтобы сообщить Angular, что значение привязки должно оцениваться как выражение Javascript: 

<app-timebox [selected]="false"><app-timebox/>
<app-timebox [selected]="true"><app-timebox/>
...