Angularjs指令仅调整画布的宽度

Question

我们如何编写一个只改变画布宽度的指令？

Answer 1

实际上这很简单。下面是一个简单的指令来调整元素的宽度。

var ag = angular.module('ag', []);

var resizeX = function() {
  return {
    restrict: 'A',
    scope: {
      resizeX: '='
    },
    link: function postLink(scope, element, attrs) {
      scope.$watch('resizeX', function(value) {
        element.css('width', value + 'px');
      });
    }
  };
};
ag.directive('resizeX', resizeX);

只需将resizeX指令范围链接到元素中的模型。

以下是一个工作示例：http://plnkr.co/edit/AVSautaZqQYBB5vCZGob?p=preview

如果这对您有用，请告诉我。