ons-checkboxの値取得

Question

onsen-ui x angular4にてwebアプリを作っております。
下記html/typescriptコードにてons-checkboxの値を取得しようとしておりますが、
バインディングできていないのか、値の取得ができません。

値の取得方法がございましたら、ご教授願えると助かります。
---html---

<div fxFlex fxFlex.xs="100%">
  <ons-checkbox modifier="material" input-id="check-1" (input)="auto_login_flag = $event.target.value" style="float: left;" [(value)]="auto_login_flag"></ons-checkbox>
  <div class="checkbox_text">このパスワードを記録して次回から自動ログインする。</div>
</div>

---html---

---typescript---

  Login() {
    this.login_service.login(this.user_id, this.password, this.auto_login_flag)
      .then(data => { 
        if(data.Result == true){
          this.result = data.UserName; 
          //this._navigator.nativeElement.pushPage(MainPageComponent, {animation: 'slide', data: {name: data.UserName}});
        }
        else{
          this.result = "ログイン失敗";
        }
      });
    
  }

---typescript---

よろしくお願いします。

Answer 1

自己解決しました。

ons-checkboxのバインディングの仕方に問題があったようです。
下記のように(change)にて値変更条件を記載する必要があったようです。

<div fxFlex fxFlex.xs="100%">
  <ons-checkbox modifier="material" input-id="check-1" style="float: left;" [(checked)]="auto_login_flag" (change)="auto_login_flag = !auto_login_flag"></ons-checkbox>
  <div class="checkbox_text">このパスワードを記録して次回から自動ログインする。</div>
</div>

参考サイト:
リンク内容