Angularjs中select标签中的负载动态值

时间:2017-09-26 07:42:37

标签: angularjs

我正在使用Angularjs作为我的应用程序。我正在尝试使用动态值自动填充选择框。

这是我的选择代码。

    <select class="form-control" name="courseName" data-ng-
    model="exam.courseName" required="">
    <option data-ng-value="{{courseforstudent.courseName}}">
    {{courseforstudent.courseName}}
    </option> 
    </select>

如果我删除data-ng-model然后我在load上选择框中得到了我想要的值。但是在给出ng-model之后它会消失并显示在dropdown.Again我需要选择然后保存。但我希望它onload.I我绑定它与考试对象,我发送它后备保存。我试图在加载时自动显示courseName。任何人都告诉如何绑定courseName值与ng模型?。

1 个答案:

答案 0 :(得分:0)

您可以使用以下方式之一

<select ng-model="exam.courseName" ng-options="c.courseName as c.courseName for c in courseforstudent"></select>

   <option ng-repeat="option in courseforstudent" value="{{option.courseName}}">{{option.courseName}}</option>

你可以查看这个jsFiddle enter link description here