相关疑难解决方法(0)

使用ng-style在css中动态转换

transform当它在里面时我无法上班ng-style.

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.13/angular.js" data-semver="1.2.13"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <div style="transform: rotate(3deg);-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg)">Test</div>
    <div ng-style="{"transform": "rotate({{number}}deg)", "-webkit-transform": "rotate({{number}}deg)", "-ms-transform": "rotate({{number}}deg)"}">{{number}}</div>
    <input type="number" ng-model="number" value=1>
  </body>

</html>

Run Code Online (Sandbox Code Playgroud)

链接:http://plnkr.co/edit/txSzAKxLDq48LVitntro?p=preview

如果我改变input数字,顶部div应该改变并同时旋转.当它的值为3时,它应该看起来像上面的单词Test.

那么如何transform在这种情况下开始工作？

谢谢.

html javascript css angularjs

HP.*_*HP.

lucky-day

16
推荐指数

1
解决办法

3万
查看次数