在哪里声明长ng样式属性Angularjs

Question

假设我在Angular项目中有以下代码段：

<div ng-app="ExampleApp" ng-controller="ExampleController as controller" ng-init="">
    <div ng-style="styleRules={'background-color':'blue', 'width':'100px', 'height':'100px'}"></div>
</div>

如果“styleRules”包含十几个或更多CSS规则，我是否仍应保持整个JSON对象内联，还是应该将其移动到另一个文件？如果它应该移动，我应该移动到哪里？

Answer 1

如果您提供的示例主要是静态的，我建议您将其移至脚本中的$scope.styleRules变量并在ng-style="styleRules"中引用它。

更新

实际上，如果它是静态的，只需将规则放在style属性中。虽然不是必需的，但您只需要在ng-style中包含动态规则。