Angular中ng-options下拉數(shù)據(jù)默認(rèn)值的設(shè)定方法

今天學(xué)習(xí)了一下Angular中ng-options下拉數(shù)據(jù)默認(rèn)值的設(shè)定方法,留個(gè)筆記

為六合等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及六合網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站建設(shè)、六合網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!

直接上代碼

    <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;
        //默認(rèn)值設(shè)定
        //先通過課程里面的教師ID獲取教師對象
        CourseService.GetTeacherByTeacherID(result.data.TeacherID).then(function (result) {
         //$scope.TeacherList為所有教師的列表
          for (i = 0; i < $scope.TeacherList.length; i++) {
            //如果當(dāng)前課程教師的ID與當(dāng)前遍歷到的教師的ID相等的話就把當(dāng)前遍歷到的這個(gè)教師的對象給到 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下拉數(shù)據(jù)默認(rèn)值的設(shè)定方法

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

本文名稱:Angular中ng-options下拉數(shù)據(jù)默認(rèn)值的設(shè)定方法
轉(zhuǎn)載來源:http://bm7419.com/article22/jjsijc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、定制網(wǎng)站、品牌網(wǎng)站制作手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司