css - 为什么我们在 AngularJS 中使用 ng-style 而不是 style 来进行 css 格式化？

过去几天我开始使用 AngularJS。

我只是想知道当我们有 ng-style 标记来为静态和动态网页中的组件设置样式时，为什么要使用 style。我希望我得到一个解决方案来解决我们使用 ng-style 的问题，特别是在 AngularJS 中的样式设置。

最佳答案

style 和 ng-style 之间的区别在于 ng-style 绑定(bind)了一个表达式 。

这意味着它会将表达式作为 Angular 代码进行评估。例如:

span {
  color: black;
}

 <script src="//code.angularjs.org/snapshot/angular.min.js"></script>

<div ng-app="">
  <button ng-click="myStyle={color:'red'}">Set color</button>
  <button ng-click="myStyle={'background-color':'blue'}">Set background</button>
  <br/>
  <span ng-style="myStyle">Set my style with ngStyle!</span>
  <pre>myStyle={{myStyle}}</pre>
</div>

ng-style="myStyle" 将在您的 Controller 中查找 $scope.myStyle，并将其内容绑定(bind)到样式。

关于css - 为什么我们在 AngularJS 中使用 ng-style 而不是 style 来进行 css 格式化？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44157190/