javascript - angularjs在没有jquery的情况下将css属性添加到元素

Question

在一个 Angular Directive(指令)中，我正在克隆我想要的元素

var node= element[0].cloneNode(true);

然后我想给这个元素添加css。我知道你可以做到这一点

$(node).css({width: width, left: left, height: height, top:'0px'});

但我知道在 Angular Directive(指令)中使用它是不好的做法。我试过了

angular.node.css({width: width, left: left, height: height, top:'0px'});

但这行不通。我已经搜索了互联网，但一无所获。我得到的只是jquery方式。有谁知道如何以 Angular 方式将 css 添加到元素？

任何帮助，谢谢!

Answer 1

Angular 自带 jqLite ，这是 jQuery 的精简版。在指令中使用它没有错。 clone() 和 css() 在 jqLit​​e 中可用...

var node = element.clone()
                  .css({width: width, left: left, height: height, top:'0px'});

工作示例:http://jsbin.com/yowubixa/1/edit?html,js,output