我有一些遗留的jQuery代码.这是一大块代码,所以我宁愿稍后移植它.要使用它,我调用$(‘#legacyId’).legacyFunction().
不过这是交易.
我有一个ng-if.在那个ng-if中,我有我称之为遗留函数的JavaScript.
<div ng-if="status=='yes'">
<div id="legacyId">
I am a legacy div!
</div>
<script type="text/javascript">
$('#legacyId').legacyFunction()
</script>
</div>
看起来这个JavaScript在页面加载时被调用.虽然我在jQuery之后加载了角度,但似乎angular删除了ng-if控制下的部分,因此#legacyId上的jQuery函数失败了.
有任何想法吗？谢谢！
编辑注释：我导入jQuery和在我的HTML文档顶部扩展jQuery的遗留代码. Angular加载在文档的底部.
编辑注释2：我也尝试了< div ng-init =“$('#legacyId').legacyFunction()”>< / div>,但是我收到错误,错误：[$rootScope：inprog ] $申请已在进行中.
好的,设法解决了这个问题.
在HTML中：
<div ng-if="status=='yes'">
<div legacy-directive>
I am a legacy div!
</div>
</div>
在我的应用代码中：
app.directive('legacyDirective',function() {
return {
link: function(scope,element,attrs) {
$(element).legacyFunction(scope.$eval(attrs.legacyDirective));
}
}
});
由于$(元素).legacyFunction(范围.$eval(attrs.legacyDirective));,看起来我也可以将参数传递给legacyFunction;例如< div legacy-directive ='{myParameter：true}>
谢谢所有回答的人！你让我走上正轨.
