Question

我有一个以角度1.5写的项目。直到我升级到角度2，我想达到一个我写的东西的状态

angular.module(..).directive('name', () => {
     return {
         restrict: 'A', 
         template: `
             <div> ... some template... </div>
         `,
         style: `// this is what I am missing
             div{
                // some css
             }
         `, 
         controller: function($scope){ ... }   
     }
})

我唯一缺少的是风格部分。我怎么能得到它？角度1.x是否支持？有没有可以帮助我获得此功能的工具？

要说清楚 - 我不是在询问范围内的CSS 我不在乎这些规则是否全球化我只是想能够在模板和控制器旁边写css。

因此，如果你知道像babel这样的工具，可以将样式部分提取到css / scss文件，那就符合条件。
它甚至可以是我可以用于此场景的一般解决方案。

Answer 1

取自Reddit

据我所知，没有办法“自动”做到这一点。就个人而言，当我创建一个组件时，我只是给顶部元素一个特定的ID /类，并将组件的CSS限制为该元素。

示例：my-component.html

<div class="my-component-wrapper">
 ....
 </div>

MY-component.scss

.my-component-wrapper {
   // style that applies only to my component
}

角度1.5组件上的style属性不受支持，或docs

中已提及

如何在js代码中嵌入angular指令样式？

1 个答案: