AngularJS的下拉列表和textarea綁定

Question

我有一個非常簡單的場景，我想為此使用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實現。

Answer 1

您應該ngModel使用ngModel指令，對select和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