今天学习了一下角中ng-options下拉数据默认值的设定方法,留个笔记
直接上代码
祝辞& lt; div class="形式的班级”;
& lt;标签类=" col-sm-2 control-label”祝辞教师& lt;/label>
& lt; div类=癱ol-sm-10”比;
& lt;选择风格="显示:块;
宽度:100%;
高度:34 px;
填充:6 px 12 px;
字体大小:14 px;
行高:1.4;
border - radius: 4 px;
边界:1 px固体# ccc;
颜色:# 555;”
ng-model=" editCourse.TeacherName "
ng-options="老师。教师的用户名TeacherList”required>
& lt;选项值=" "在选择教师& lt;/option>
& lt;/select>
& lt;/div>
& lt;/div>
AngularJS
//数据为课程的编号ID
美元的范围。编辑=function(数据){//通过课程ID获取课程对象
CourseService.getByCourseID(数据)。然后(函数(结果){
美元的范围。editCourse=result.data;//默认值设定//先通过课程里面的教师ID获取教师对象
CourseService.GetTeacherByTeacherID (result.data.TeacherID)。然后(函数(结果){//美元scope.TeacherList为所有教师的列的表
(我=0;我& lt;scope.TeacherList.length美元;我+ +){//如果当前课程教师的ID与当前遍历到的教师的ID相等的话就把当前遍历到的这个教师的对象给到ng-model=癳ditCourse.TeacherName”
如果(result.data。用户id==$ scope.TeacherList[我].UserID) {
scope.editCourse美元。TeacherName=$ scope.TeacherList[我];
}
}
}）;
angular.element(“#编辑”).modal ({
显示:真
}）
}）
}
之前
演示
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
