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

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

直接上代码

    <div class="form-group">
        <label class="col-sm-2 control-label">教师</label>
             <div class="col-sm-10">
              <select style="display:block;
                  width:100%;
                  height:34px;
                  padding:6px 12px;
                  font-size:14px;
                  line-height:1.4;
                  border-radius:4px;
                  border:1px solid #ccc;
                  color:#555; "
                  ng-model="editCourse.TeacherName"
                  ng-options="Teacher.UserName for Teacher in TeacherList" required>
                <option value="">选择教师</option>
               </select>
             </div>
      </div>

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
        })
      })
    }

演示

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

# ng  # options  # 默认值  # options设置默认值  # angularjs  # angularjs select 赋值 ng-options配置方法  # AngularJS基础 ng-model-options 指令简单示例  # AngularJS中ng-options实现下拉列表的数据绑定方法  # angular指令笔记ng-options的使用方法  # AngularJS动态绑定ng-options的ng-model实例代码  # 详解使用angularjs的ng-options时如何设置默认值(初始值)  # AngularJS学习笔记之ng-options指令  # angularJs中ng-model-options设置数据同步的方法  # 遍历  # 就把  # 留个  # 大家多多  # width  # height  # select  # style  # block  # display  # size  # font  # line  # px  # padding  # control  # class  # pre  # xhtml 

相关文章： 如何选择域名并搭建高效网站？  建站之星代理商如何保障技术支持与售后服务？  如何注册花生壳免费域名并搭建个人网站？  宝塔新建站点报错如何解决？  Swift开发中switch语句值绑定模式  如何通过VPS建站实现广告与增值服务盈利？  如何通过西部数码建站助手快速创建专业网站？  javascript中的try catch异常捕获机制用法分析  太原网站制作公司有哪些,网约车营运证查询官网？  上海网站制作开发公司,上海买房比较好的网站有哪些？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  c# 服务器GC和工作站GC的区别和设置  Bpmn 2.0的XML文件怎么画流程图  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  建站之星下载版如何获取与安装？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  建站之星后台管理系统如何操作？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何在Golang中使用replace替换模块_指定本地或远程路径  如何通过虚拟主机快速搭建个人网站？  家具网站制作软件,家具厂怎么跑业务？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  中山网站制作网页,中山新生登记系统登记流程？  如何构建满足综合性能需求的优质建站方案？  建站之星如何助力企业快速打造五合一网站？  如何正确选择百度移动适配建站域名？  如何通过服务器快速搭建网站？完整步骤解析  外贸公司网站制作哪家好,maersk船公司官网？  营销式网站制作方案,销售哪个网站招聘效果最好？  Swift中swift中的switch 语句  php json中文编码为null的解决办法  建站之星各版本价格是多少？  如何选购建站域名与空间？自助平台全解析  智能起名网站制作软件有哪些,制作logo的软件？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  已有域名建站全流程解析：网站搭建步骤与建站工具选择  深圳网站制作培训,深圳哪些招聘网站比较好？  建站之星后台管理如何实现高效配置？  建站之星如何快速生成多端适配网站？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何快速建站并高效导出源代码？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何撰写建站申请书？关键要点有哪些？  如何高效搭建专业期货交易平台网站？  如何快速搭建高效可靠的建站解决方案？