CSS 偏移量使用 AngularJS 递增

CSS offset increments with AngularJS

本文关键字：AngularJS 递增 偏移量 CSS      更新时间：2023-09-26

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

.HTML：

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

.JS：

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

非常感谢关于如何做这样的事情的任何建议！

您可以执行类似操作，其中控制器跟踪位置并相应地更新样式。

.HTML：

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

控制器：

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/

相关文章：