我是一个 Angular 新手,但遇到了一个看起来很愚蠢的问题。
我创建了一个指令,要求我找到特定的 DOM 元素。这很好用,只是一旦我将指令放在引导 UI 选项卡集中,就会发生不好的事情。基本上我认为由于 tabset 指令使用自定义 HTML 元素(即,DOM 选择不再起作用。我也尝试使用 jQuery 选择器,但也失败了。这是我的代码的简化版本:
--html
<body ng-controller="mainController">
<tabset>
<tab heading="Title 1">
<my-directive id="myWidget"></my-directive>
</tab>
</tabset
</body>
--js
app.directive('registrationGrid', function() {
return {
restrict: 'E',
link: function($scope, element, attrs) {
var element = document.getElementById("myWidget");
//do some stuff here
}
})
必须有一个简单的方法来解决这个问题,但我很茫然。我很想只更新 tabs 指令以使用属性而不是它自己的元素,但希望能更轻松地修复。