在AngularJS片段中放置CSS的位置？

我知道一个好的做法是将css代码保存在外部的.css文件中，而不是在html代码中添加标记。但是对于只对单个html有效的css代码呢

---

谢谢您的建议。

作为最佳实践，CSS文件必须始终放在专用的

[fileName].CSS中

如果希望将一些CSS仅应用于代码的某个部分（因为它总是使用CSS），则需要指定专用规则

非常简单的示例（2个部分，1个样式表）

第一:

<div id="partial1">
  <h1>I'm the first</h1>
</div>

有关SASS的更多信息，请参见此处：
作为最佳实践，CSS文件必须始终放在专用的
[fileName].CSS中

如果希望将一些CSS仅应用于代码的某个部分（因为它总是使用CSS），则需要指定专用规则

非常简单的示例（2个部分，1个样式表）

第一:

<div id="partial1">
  <h1>I'm the first</h1>
</div>

有关SASS的更多信息，请参见此处：
作为最佳实践，CSS文件必须始终放在专用的
[fileName].CSS中

如果希望将一些CSS仅应用于代码的某个部分（因为它总是使用CSS），则需要指定专用规则

非常简单的示例（2个部分，1个样式表）

第一:

<div id="partial1">
  <h1>I'm the first</h1>
</div>

有关SASS的更多信息，请参见此处：
作为最佳实践，CSS文件必须始终放在专用的
[fileName].CSS中

如果希望将一些CSS仅应用于代码的某个部分（因为它总是使用CSS），则需要指定专用规则

非常简单的示例（2个部分，1个样式表）

第一:

<div id="partial1">
  <h1>I'm the first</h1>
</div>

请在此处查看有关SASS的更多信息：
我强烈建议将其放在外部CSS文件中。如果只用于单个页面的样式不是太重，只需将其与主CSS文件放在一起即可

请记住，另一个文件将向服务器发出另一个请求。

如果仍要添加另一个带有Angular的CSS文件，则应使用$rootScope：

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

然后，在布局文件中：

<link ng-if="routeName === 'myPartial' " href="css/myPartial.css" rel="stylesheet" type="text/css" />



关于AngularJS rootScope的一些文档：
我强烈建议将其放在外部CSS文件中。如果只用于单个页面的样式不是太重，只需将其与主CSS文件放在一起即可

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

请记住，另一个文件将向服务器发出另一个请求。

如果仍要添加另一个带有Angular的CSS文件，则应使用$rootScope：

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

然后，在布局文件中：

<link ng-if="routeName === 'myPartial' " href="css/myPartial.css" rel="stylesheet" type="text/css" />



关于AngularJS rootScope的一些文档：
我强烈建议将其放在外部CSS文件中。如果只用于单个页面的样式不是太重，只需将其与主CSS文件放在一起即可

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

请记住，另一个文件将向服务器发出另一个请求。

如果仍要添加另一个带有Angular的CSS文件，则应使用$rootScope：

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

然后，在布局文件中：

<link ng-if="routeName === 'myPartial' " href="css/myPartial.css" rel="stylesheet" type="text/css" />



关于AngularJS rootScope的一些文档：
我强烈建议将其放在外部CSS文件中。如果只用于单个页面的样式不是太重，只需将其与主CSS文件放在一起即可

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

请记住，另一个文件将向服务器发出另一个请求。

如果仍要添加另一个带有Angular的CSS文件，则应使用$rootScope：

$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});

然后，在布局文件中：

<link ng-if="routeName === 'myPartial' " href="css/myPartial.css" rel="stylesheet" type="text/css" />



关于AngularJS rootScope的一些文档：
但是对于仅对单个角度部分html有效的css代码呢？
ID和类用于此，这就是css的使用方式。你也可以为那部分内容内联CSS，但这太糟糕了。@SW4我给了他一个建议，让他做我认为最好的事情，然后我给了他一个答案，以一种有角度的方式实现他的要求。@domokun我完全同意你的解决方案，我每天都这么做。但我不确定这是他想要的。他询问是否有一种方法可以只加载每个角度部分的相关CSS。在这里，您可以加载所有内容，即使它不会被解释。@enguerranws我觉得根据实际的最佳实践，我给了他可能的最佳响应。新手经常想做他们认为正确的事情，我也完全一样。但我认为，如果我们真的想帮助他们（这应该是堆栈溢出的全部原因），我们有义务指出他们的错误，并为他们指明正确的方向。好吧，我同意你的看法。但是他可能不是一个新手，他真的想在每个部分上只加载相关的CSS。
但是对于只对单个角度部分html有效的CSS代码呢？
ID和类用于此，这就是CSS的使用方式。你也可以为那部分内容内联CSS，但这太糟糕了。@SW4我给了他一个建议，让他做我认为最好的事情，然后我给了他一个答案，以一种有角度的方式实现他的要求。@domokun我完全同意你的解决方案，我每天都这么做。但我不确定这是他想要的。他询问是否有一种方法可以只加载每个角度部分的相关CSS。在这里，您可以加载所有内容，即使它不会被解释。@enguerranws我觉得根据实际的最佳实践，我给了他可能的最佳响应。新手经常想做他们认为正确的事情，我也完全一样。但我认为，如果我们真的想帮助他们（这应该是堆栈溢出的全部原因），我们有义务指出他们的错误，并为他们指明正确的方向。好吧，我同意你的看法。但是他可能不是一个新手，他真的想在每个部分上只加载相关的CSS。
但是对于只对单个角度部分html有效的CSS代码呢？
ID和类用于此，这就是CSS的使用方式。您还可以为该部分内联CSS
$rootScope.$on('$routeChangeSuccess', function(ev,data) {   

  $rootScope.routeName = data.$$route.originalPath;

});