Angularjs按需查詢實例代碼
更新時間：2017年10月30日 10:49:53 作者：王紅偉
這篇文章主要介紹了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按需查詢實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
Angular統(tǒng)一注入器unified injector簡化依賴關系管理
這篇文章主要為大家介紹了Angular統(tǒng)一注入器unified injector簡化依賴關系管理的使用方法實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
這篇文章主要介紹了詳解如何構建一個Angular6的第三方npm包,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Angularjs的啟動過程分析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
今天小編就為大家分享一篇AngularJs返回前一頁面時刷新一次前面頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了AngularJS手動表單驗證的相關資料，AngularJS的表單驗證大致有兩種，一種是手動驗證，一種是自動驗證，本文重點介紹AngularJS手動表單驗證，感興趣的小伙伴們可以參考一下2016-02-02
詳解angularJs中關于ng-class的三種使用方式說明
本篇文章主要介紹了angularJs中關于ng-class的三種使用方式說明，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了Angular2 模板語法的相關資料,非常不錯，感興趣的朋友一起學習吧，需要的朋友可以參考下2016-08-08
本篇文章主要介紹了Angular客戶端請求Rest服務跨域問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
angular實現(xiàn)input輸入監(jiān)聽的示例
今天小編就為大家分享一篇angular實現(xiàn)input輸入監(jiān)聽的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Angularjs中ng-repeat-start與ng-repeat-end的用法實例介紹
這篇文章主要給大家介紹了Angularjs中ng-repeat-start與ng-repeat-end的用法，文章開始先進行了簡單的介紹，而后通過完整的實例代碼詳細給大家介紹這兩者的用法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12