css - Resizing div's in an AngularJS directive?

Question

I'm trying to resize a div with a background image (left) and a variable height description (right), but can't get it to work. Here's the fiddle . I tried several things with/without zepto/jQuery/document.getElementById ... nothing works.

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

Answer 1

您可以使用 jQuery：

jQuery(elem).height(400);

小提琴

虽然不太理想:(

Answer 2

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

例如，在您的情况下，您可以简单地执行以下操作：

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

Fiddle

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