2015-05-12 58 views
1

我有一個非常簡單的場景,我想用AngularJS。我無法得到這一個權利。下拉和textarea綁定與AngularJS

我正在從數據庫中檢索數據,並直接將其寫入到下拉菜單中。從他們基於哪個項目被選中的角度,我想將這些價值填充到教科書中。

所以,我爲它的代碼如下:

<select> 
    <option selected="selected" disabled="disabled">dropdown</option> 
    @foreach (System.Data.DataRow row in ViewBag.Template.Rows) 
    { 
    <option value="@row[1].ToString()">@row[0].ToString()</option> 
    } 
</select> 
<textarea></textarea> 

我試圖做到以下幾點:

任何選項的用戶選擇,該項目的相應值填充到文本區域。

請建議我如何使用AngularJS來實現。

回答

1

您應該使用ngModel指令的是,同爲兩者選擇和textarea的:

<select ng-model="selectModel"> 
    <option selected="selected" disabled="disabled">dropdown</option> 
    @foreach (System.Data.DataRow row in ViewBag.Template.Rows) 
    { 
    <option value="@row[1].ToString()">@row[0].ToString()</option> 
    } 
</select> 
<textarea ng-model="selectModel"></textarea> 

演示:http://plnkr.co/edit/XOs6wUyqdr3ZlFtBq3RB?p=preview