在哪里声明长ng风格的属性为angularjs

Question

说我在一个角度项目中有以下片段：

<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中包括动态规则。