Angularjs按需查詢例項程式碼

Angularjs按需查詢例項程式碼

課程資訊管理介面有這樣一個需求,當課程型別為公選課的時候,可以選擇課程性質,當為其他課程型別的時候,不必選擇課程性質。

這裡寫圖片描述 

這裡寫圖片描述 

程式碼:


/**
 * 獲取課程型別下拉框資料
 */
 getCourseTypeNameOptions(){
  let url = "teachingManagement-web/course/queryAllCourseType";
  this.http.get(url).subscribe(
   res =>{
    this.courseTypeNameOptions = res.json().data;

    //如果是公共選修,可以選擇課程性質,如果不是,課程性質為空
    this.courseTypeNameOptions.forEach(item =>{
    JSON.stringify(item);
    console.log(item);
    if(item.dictionaryName == "公共選修課"){
     this.getCourseNatureNameOptions();
    }else{
     return;
    }
    })
   }
  );
 }
 /**
 * 課程型別為公共選修課,可選擇課程性質;其他型別,則不需選擇課程性質
 * @param type 
 */
 changeType(type:string){
 let dictionaryName=this.courseTypeNameOptions.find(x=>x.id==type).dictionaryName;//獲取的課程型別名稱
 this.dictionaryName=dictionaryName; 
 if(this.dictionaryName=="公共選修課"){
  this.renderer2.removeAttribute(this.courseNature.nativeElement,"disabled");
 }else{ 
  this.courseInfo.courseNatureId=""; 
  this.renderer2.setAttribute(this.courseNature.nativeElement,"disabled","disabled");
 }
 }

總結

以上所述是小編給大家介紹的Angularjs按需查詢例項程式碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對指令碼之家網站的支援!

您可能感興趣的文章:

Angularjs新增排序查詢功能的例項程式碼AngularJS模糊查詢功能實現程式碼(過濾內容下拉選單排序過濾敏感字元驗證判斷後新增表格資訊)mongoDB 多重陣列查詢(AngularJS繫結顯示 nodejs)Angularjs分頁查詢的實現對比分析Django的Q查詢及AngularJS的Datatables分頁外掛