在AngularJS指令中调整div的大小?

时间:2013-08-08 13:50:22

标签: css angularjs angularjs-directive

我正在尝试使用背景图像(左)和可变高度描述(右)调整div,但无法使其工作。这是the fiddle 。我用/不用zepto / jQuery / document.getElementById尝试了几件事......没什么用。

.directive('resize', function () {
  return {
    restrict: 'A',
    scope: {},
    link: function(scope, elem, attrs) {
      elem.height(400);
    }
  };
})

2 个答案:

答案 0 :(得分:2)

你可以使用jQuery:

jQuery(elem).height(400);

Fiddle

虽然不太理想:(

答案 1 :(得分:1)

如果你不使用jQuery,AngularJS只实现了一个简化版本的框架jqLit​​e,它没有height()方法。您可以在jqLit​​e中查看the documentation可用函数列表。

例如,在您的情况下,您可以执行以下操作:

element.css('height', '400px');

Fiddle

请注意,正如评论中指出的那样,你的小提琴不起作用。我已经纠正了这个问题。

相关问题