将css放在templateURL指令中

Question

是不是把css放在templateURL指令里面？或者更好地分割成文件，

例如：

指令文件：

.directive('btn', function () {
    return {
      templateUrl: 'views/form/btn.html',
      restrict: 'E',
      scope: {},
      controller: function($scope, $attrs) {

      }
    };
  })

模板文件：btn.html

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.custom-input-file .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
}


<div class="custom-input-file icons ng-binding"><input type="file" size="1" class="input-file" />
                upload file
            </div>

Answer 1

99.99％的时间我根据按钮，导航，排版，特价等将所有css分离到不同的.css文件。并且从不内联或 inhead 。

就我个人而言，我无法想到将其保持内联或 inhead 的正当理由，这也使得通常需要查看.html文件中的css会更加难以维护。