Angularjs按需查詢實(shí)例代碼
更新時(shí)間：2017年10月30日 10:49:53 作者：王紅偉
這篇文章主要介紹了Angularjs按需查詢實(shí)例代碼,需要的朋友可以參考下
課程信息管理界面有這樣一個(gè)需求，當(dāng)課程類型為公選課的時(shí)候，可以選擇課程性質(zhì)，當(dāng)為其他課程類型的時(shí)候，不必選擇課程性質(zhì)。
代碼：
/**
* 獲取課程類型下拉框數(shù)據(jù)
*/
getCourseTypeNameOptions(){
let url = "teachingManagement-web/course/queryAllCourseType";
this.http.get(url).subscribe(
res =>{
this.courseTypeNameOptions = res.json().data;
//如果是公共選修，可以選擇課程性質(zhì)，如果不是，課程性質(zhì)為空
this.courseTypeNameOptions.forEach(item =>{
JSON.stringify(item);
console.log(item);
if(item.dictionaryName == "公共選修課"){
this.getCourseNatureNameOptions();
}else{
return;
}
})
}
);
}
/**
* 課程類型為公共選修課，可選擇課程性質(zhì)；其他類型，則不需選擇課程性質(zhì)
* @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");
}
}
總結(jié)
以上所述是小編給大家介紹的Angularjs按需查詢實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Angular統(tǒng)一注入器unified injector簡(jiǎn)化依賴關(guān)系管理
這篇文章主要為大家介紹了Angular統(tǒng)一注入器unified injector簡(jiǎn)化依賴關(guān)系管理的使用方法實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
詳解如何構(gòu)建一個(gè)Angular6的第三方npm包
這篇文章主要介紹了詳解如何構(gòu)建一個(gè)Angular6的第三方npm包,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
本篇文章主要介紹了Angularjs的啟動(dòng)過(guò)程分析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
AngularJs返回前一頁(yè)面時(shí)刷新一次前面頁(yè)面的方法
今天小編就為大家分享一篇AngularJs返回前一頁(yè)面時(shí)刷新一次前面頁(yè)面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
這篇文章主要介紹了AngularJS手動(dòng)表單驗(yàn)證的相關(guān)資料，AngularJS的表單驗(yàn)證大致有兩種，一種是手動(dòng)驗(yàn)證，一種是自動(dòng)驗(yàn)證，本文重點(diǎn)介紹AngularJS手動(dòng)表單驗(yàn)證，感興趣的小伙伴們可以參考一下2016-02-02
詳解angularJs中關(guān)于ng-class的三種使用方式說(shuō)明
本篇文章主要介紹了angularJs中關(guān)于ng-class的三種使用方式說(shuō)明，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了Angular2 模板語(yǔ)法的相關(guān)資料,非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧，需要的朋友可以參考下2016-08-08
Angular客戶端請(qǐng)求Rest服務(wù)跨域問(wèn)題的解決方法
本篇文章主要介紹了Angular客戶端請(qǐng)求Rest服務(wù)跨域問(wèn)題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
angular實(shí)現(xiàn)input輸入監(jiān)聽(tīng)的示例
今天小編就為大家分享一篇angular實(shí)現(xiàn)input輸入監(jiān)聽(tīng)的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Angularjs中ng-repeat-start與ng-repeat-end的用法實(shí)例介紹
這篇文章主要給大家介紹了Angularjs中ng-repeat-start與ng-repeat-end的用法，文章開(kāi)始先進(jìn)行了簡(jiǎn)單的介紹，而后通過(guò)完整的實(shí)例代碼詳細(xì)給大家介紹這兩者的用法，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12