javascript - AngularJS 的 CSS 偏移增量

Question

在我的 Angular 应用程序中，我有一个 div，每次调用 slideThis() 函数时，我都想将其左偏移量增加 90px。在 jQuery 中，我会通过指定像 left: '+=90' 这样的东西来做到这一点，但是据我所知，在 AngularJS 中似乎没有等效或可比的方法来做到这一点——或者我我采用了完全错误的方法？

HTML:

<div ng-style="myStyle"></div>

JS:

$scope.slideThis = function() {
    $scope.myStyle = {
        left: '+=90'
    }
}

非常感谢有关如何处理此类事情的任何建议!

Answer 1

你可以做这样的事情，你的 Controller 会跟踪位置并相应地更新样式。

HTML:

<input type="button" value="Move" ng-click="slideThis()"> 
<div ng-style="myStyle">Stuff to move</div>

Controller :

myApp.controller('MyCtrl', function ($scope) {    

    var pos = 0;
    $scope.slideThis = function() {
       pos += 90;

       $scope.myStyle = { 
          position: 'absolute',
          left: pos+'px'
    }
  };
});

很明显，您可以使用相同的方法使用边距或填充。

此处演示:http://jsfiddle.net/zKRLs/3/