有沒有辦法使用Angular 1.5.9包含CSS隔離?有沒有辦法使用Angular包含CSS隔離1.5.9
我工作的公司使用了Angular 1.5.9一段時間,我希望在工作流程中包含一些更新的組件技術。
我一直想要做的一件事就是CSS隔離。
我一直在閱讀Angular 2如何做到這一點,但因爲它動態生成html屬性並將它們應用於CSS選擇器,這很棒但很難複製。我沒有找到一種方法將這種技術包含到AngularJS中。
那麼有沒有辦法使用AngularJS做CSS隔離?
有沒有辦法使用Angular 1.5.9包含CSS隔離?有沒有辦法使用Angular包含CSS隔離1.5.9
我工作的公司使用了Angular 1.5.9一段時間,我希望在工作流程中包含一些更新的組件技術。
我一直想要做的一件事就是CSS隔離。
我一直在閱讀Angular 2如何做到這一點,但因爲它動態生成html屬性並將它們應用於CSS選擇器,這很棒但很難複製。我沒有找到一種方法將這種技術包含到AngularJS中。
那麼有沒有辦法使用AngularJS做CSS隔離?
我已經嘗試過這一點,將模塊中的組件特定的CSS放在<style>
標記中似乎是最佳方式。
我試着讓ng-bind-html,ng-src和其他一些東西在這裏工作來從外部文件加載css,但沒有任何成功。
考慮使用內聯樣式,您可以從React中獲取方法,並將樣式放置在控制器或服務中,並使用ng樣式將其鏈接到模板中 –
我不能評論,因爲沒有足夠的分數,但我相信ng-isolate-scope
屬性可能是你正在尋找。 https://docs.angularjs.org/guide/css-styling的定義爲ng-isolate-scope
,https://docs.angularjs.org/guide/directive#isolating-the-scope-of-a-directive的例子使用的是ng-isolate-scope
。鏈接是AngularJS(版本1.x)的文檔。
OP詢問關於CSS隔離(封裝),而不是範圍隔離。 – Martin
此問題似乎並不重複。它是相似的,但不一樣。原始問題及其接受的答案甚至早於Angular和Angular 1.5。 –
Mike很酷,我認爲它指向了正確的方向。你可以看到你給我的信息。我對這個問題給出了一個答案,以便爲其他人提供一個不同的選擇。我給了你點,因爲它是最接近我的答案。 –