识别指令模板中的主要元素

Question

我有一个带有以下模板的指令：

<div></div>

现在，每当指令中的方法m1运行时，我需要清除div并附加其他div：

var div1 = element.first();
div1.empty();
var div2 = angular.element('<div/>');
div1.append(div2);

我无法在根div中使用id，因为该指令可能会在控制器中多次使用。

问题是element.first（）无法识别根div。有什么想法吗？

Answer 1

在div上设置一个类并执行：

element[0].querySelector('your-class');

它会给你根div。这使用普通的javascript，但你可以采用与jQuery相同的方法。