Angular中ng-options下拉数据默认值的设定方法

今天学习了一下Angular中ng-options下拉数据默认值的设定方法,留个笔记

为六合等地区用户提供了全套网页设计制作服务,及六合网站建设行业解决方案。主营业务为网站制作、成都网站建设、六合网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

直接上代码

    

AngularJS

    //data为课程的编号ID
   $scope.Edit = function (data) {
      //通过课程ID获取课程对象
      CourseService.getByCourseID(data).then(function (result) {
        $scope.editCourse = result.data;
        //默认值设定
        //先通过课程里面的教师ID获取教师对象
        CourseService.GetTeacherByTeacherID(result.data.TeacherID).then(function (result) {
         //$scope.TeacherList为所有教师的列表
          for (i = 0; i < $scope.TeacherList.length; i++) {
            //如果当前课程教师的ID与当前遍历到的教师的ID相等的话就把当前遍历到的这个教师的对象给到 ng-model="editCourse.TeacherName"
            if (result.data.UserID == $scope.TeacherList[i].UserID) {
              $scope.editCourse.TeacherName = $scope.TeacherList[i];
            }
          }
        });
        angular.element("#edit").modal({
          show: true
        })
      })
    }


演示

Angular中ng-options下拉数据默认值的设定方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


当前标题:Angular中ng-options下拉数据默认值的设定方法
转载注明:http://bzwzjz.com/article/jjsijc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 外贸网站设计方案 四川成都网站建设 企业网站设计 重庆企业网站建设 高端网站设计推广 手机网站制作设计 成都网站制作 成都网站设计制作公司 高端网站设计 成都品牌网站设计 成都网站建设公司 营销网站建设 成都企业网站建设 成都网站建设 成都网站设计 成都网站制作 成都做网站建设公司 企业网站设计 手机网站制作 成都网站建设 重庆网站设计 外贸网站建设