下拉和textarea绑定AngularJS

时间:2015-05-12 05:31:22

标签: javascript angularjs

我有一个非常简单的场景,我想使用AngularJS。我无法做到这一点。

我正在从数据库中检索数据并直接将其写入下拉列表中的视图。根据选择的项目,我想将值填入教科书。

所以我的代码如下:

create_log('Log in', 'Failed');

我正在努力实现以下目标:

无论用户选择什么选项,项目的相应值都会填充到文本区域中。

请建议如何使用AngularJS。

1 个答案:

答案 0 :(得分:1)

你应该使用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