Angular6 checkboxでチェックするかどうかの判定を行いたい

Question

htmlのチェックボックスはクリックすると必ずチェックされますが
この処理を
チェックするかどうかを判定するメソッドを通して
チェックさせることはできるでしょうか

出来ればAngularで行いたいです

補足
以下のようにchangeでcheckイベントを呼んでbook.flgをfalseにしても
チェックはされてしまいます
この処理ではなく
checkを呼んでその結果からチェックするかどうかを決めたいです

<input type="radio" name="book"
       id="{{book}}"
       [checked]="{{book.flg}}"
       (change)="check()">{{book.title}}

Comments

[keisukeh]

できますがangularの場合ですと色々なやり方がありますので、もう少し具体的にやりたいことを書いていただいた方が回答しやすいです。

[yryuu]

サンプルコード記載いたしました。よろしくお願いいたします

Answer 1

追記頂いているコードの中にいくつか間違いがあるので正確な意図がわかりませんが一応サンプル作りました。

https://stackblitz.com/edit/angular-ynzsjr?file=src%2Fapp%2Fapp.component.ts

見慣れない記述があるかもしれませんがやってることは
・ElementRefを使ってコンポーネントからテンプレートの要素を取得
・条件を分岐の中でrendererを使ってradioボタンのcheckedプロパティを操作

以上です。

他にももっといい実装方法はありますが、
まず一つづつ理解するほうがいいかと思います。

Comments

[yryuu]

this.renderer.setProperty(target, 'checked', false)
ここで制御できるんですね
ありがとうございます