angular雙向繫結—(按鈕+下拉)

壞壞些許小淫蕩發表於2020-10-14

checkbox繫結

遊戲當中我已閱讀勾選

<p><input type="checkbox" [(ngModel)]="sel">閱讀並同意條款</p>
<p><button [disabled]="!sel">登陸</button></p>
export class AppComponent {	
   sel=false;
   hobby="吃飯";
}

在這裡插入圖片描述

勾選 後可以點選----登入---按鈕

在這裡插入圖片描述

-------------------------------------------------------------------------------------------------------------------------------------------

下拉的雙向繫結

<p>下拉</p>
<p>{{hobby}}</p>
<select [(ngModel)]="hobby">
  <option value='吃飯'>吃飯</option>
  <option value="睡覺">睡覺</option>
  <option value="打豆豆">打豆豆</option>
</select>
export class AppComponent {
  title = 'myng';
  sel=false;
  hobby="吃飯";
}

在這裡插入圖片描述

在這裡插入圖片描述

程式碼寫的位置

在這裡插入圖片描述

相關文章