亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在AngularJS中包含視圖/部分特定的樣式

如何在AngularJS中包含視圖/部分特定的樣式

慕工程0101907 2019-10-14 10:43:12
對我的應用程序使用的各種視圖使用單獨的樣式表的正確/可接受的方法是什么?目前,我在視圖/部分的html頂部放置了一個link元素,但有人告訴我這是一種不好的做法,即使所有現代瀏覽器都支持它,但我可以理解為什么對此不滿意。另一種可能性是將單獨的樣式表放在我的index.html中,head但是我希望它僅在以性能名義加載其視圖時才加載樣式表。這是不好的做法嗎,因為樣式只有在將css從服務器加載后才會生效,從而導致在慢速的瀏覽器中快速刷新未格式化的內容?盡管我正在本地進行測試,但我還沒有目睹這一點。有沒有一種方法可以通過傳遞給Angular的對象加載CSS $routeProvider.when?提前致謝!
查看完整描述

3 回答

?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

可以在內附加一個新的樣式表$routeProvider。為簡單起見,我使用了一個字符串,但也可以創建新的link元素,或為樣式表創建服務


/* check if already exists first - note ID used on link element*/

/* could also track within scope object*/

if( !angular.element('link#myViewName').length){

    angular.element('head').append('<link id="myViewName" href="myViewName.css" rel="stylesheet">');

}

在頁面中進行預排版的最大好處是,任何背景圖像都將已經存在,并且減少了 FOUC


查看完整回答
反對 回復 2019-10-14
  • 3 回答
  • 0 關注
  • 834 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號