<select>元素 - 使用`ngRepeat`生成选择选项

时间:2017-09-26 06:05:35

标签: angularjs angular-ngmodel

将数据绑定到每一行,并根据条件更改绑定数据 我需要将数据绑定到角度和放大器的每一行。还可以根据条件编辑相同的绑定数据。 &lt; select id =&#34; subject&#34;名称=&#34受试者#34; NG-模型=&#34;主旨名称&#34;&GT;  &lt; option ng-repeat =&#34; s in subject&#34;值=&#34; {{s.Id}&#34;          NG-INIT =&#34;主旨名称=物理学&#34;&GT; {{s.Name}}&LT; /选项&GT;  &LT; /选择&GT; 我每周都有受约束的受试者名单,所以看起来会像 每日&lt;&lt;下拉列表中的主题&gt;&gt; 1/1/2015英语,数学,化学 1/2/2015英语,数学,化学 1/3/2015英语,数学,化学 1/4/2015英语,数学,化学 1/5/2015英语,数学,化学 在另一个屏幕中,用户仅为特定日期范围分配少数主题。 开课日期:2015年1月1日 截止日期:2015年1月3日 仅指定主题:英语 所以,预期的结果是 每日&lt;&lt;下拉列表中的主题&gt;&gt; 2015年1月1日英语 1/2/2015英语 2015年1月3日英语 1/4/2015英语,数学,化学 1/5/2015英语,数学,化学 我想要从每行的下拉列表中删除项目(基于每个日期条目)。 我如何以角度绑定这个场景,我是角度的初学者,所以需要一些帮助。

1 个答案:

答案 0 :(得分:1)

尝试下面这样的代码,同样请查看此示例plunker示例。

<强>模板:

<select ng-model="item.subject" ng-options="sub.id as sub.name for sub in SubjectList">
   <option value="">Select Subject</option>
</select>

<强>控制器:

  $scope.SubjectList = [{
    id: 1,
    name: 'English'
  }, {
    id: 2,
    name: 'Mathematics'
  }, {
    id: 3,
    name: 'Chemistry'
  }];