Angular 2 - 如何禁用按钮并启用它，直到在下拉列表中选择某个值为止？

Question

<select id="dpname" [(ngModel)]="nameSelectedVal"> 
     <option value="0">Select one...</option> 
     <option *ngFor="let name of names" value = {{name.code}}> 
      {{name.definition}} 
     </option> 
</select> 

<button class="btnView">VIEW</button> 

其中

names = [ 
    { 
    "code": -1, 
    "definition": "Select one..." 
    }, 
    { 
    "code": 1, 
    "definition": "Affiliates" 
    }, 
    { 
    "code": 2, 
    "definition": "Asia/Pacific" 
    }, 
    { 
    "code": 3, 
    "definition": "EMEA" 
    }, 
    { 
    "code": 4, 
    "definition": "North America" 
    }, 
    { 
    "code": 5, 
    "definition": "Latin America" 
    }, 
    { 
    "code": 6, 
    "definition": "Web" 
    } 
] 

所以，在默认情况下我设置nameSelectedVal值设置为“-1”，以显示“选择一个......”，这是当我想禁用按钮，直到用户选择其他一些除“选择一个...”以外的值，然后在选择与“选择一个...”不同的其他值时将其启用。

我正在设置this.nameSelectedVal = "-1"在类文件中;

谢谢！

Answer 1

我只是把一个[disabled]="nameSelectedVal === '-1'"为按钮