2016-02-19 44 views
0

當我在電臺按鈕,第一次點擊它並不顯示值在單選首先點擊不顯示值

<md-radio-group [(value)]="sex" layout="row" > 
<md-radio-button value="Female" (click)="setSex(value)" >Female</md-radio-button> 
<md-radio-button value="Male" (click)="setSex(value)">Male</md-radio-button> 

,我想在我的類中獲取價值

public sex:String; 
public vm: String; 

    setSex(sex:String) { 
     if (this.sex) { 
     this.vm = this.sex; 
     console.log(this.sex) 
       } 
     } 

Example

回答

1

不能使用value作爲事件參數(這是undefined)。我建議你創建本地模板變量,然後你可以把它們的值到事件處理程序:

<md-radio-button #r1 value="Female" (click)="setSex(r1.value)">Female</md-radio-button> 
<md-radio-button #r2 value="Male" (click)="setSex(r2.value)">Male</md-radio-button> 

,然後這將工作根據需要:

setSex(sex:String) { 
    console.log(sex); 
    ... 
} 
+0

是,它爲我工作。但它對我來說也很奇怪) – Slip

+0

@Slip,什麼部分是奇怪的? –

1

刪除單擊處理:

<md-radio-button value="Female">Female</md-radio-button> 
<md-radio-button value="Male">Male</md-radio-button> 

要麼綁定到模型變量,要麼使用點擊處理程序,但都是要求麻煩。

在這裏看到:http://plnkr.co/edit/e5Ko608lNDmasZGJFV1M?p=preview