Javascript 不替换动态元素的角度指令_Javascript_Jquery_Html_Angularjs

Javascript 不替换动态元素的角度指令

javascript jquery html angularjs

Javascript 不替换动态元素的角度指令,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我正在一个新页面上创建一个动态的角度元素，如下所示 Index.html var openPrint = window.open('/acImageViewer/html/imageLibraries.html'); openPrint.onload = function() { var doc = openPrint.document; $(doc.body).html('<jqyiviewer cl

我正在一个新页面上创建一个动态的角度元素，如下所示

Index.html

var openPrint = window.open('/acImageViewer/html/imageLibraries.html');
            openPrint.onload = function() {
                var doc = openPrint.document;
                $(doc.body).html('<jqyiviewer class="filter_icon_ul viewerHeight" id="acImgViewer" src="http://www.wellclean.com/wp-content/themes/artgallery_3.0/images/car3.png" align="centre" width="auto" height="500" data="data"></jqyiviewer>');
            };

var openPrint=window.open（'/acImageViewer/html/imageLibraries.html'）；
openPrint.onload=函数（）{
var doc=openPrint.document；
$（doc.body）.html（“”）；
};

这将打开一个新页面，其中我的库、指令和css加载如下（imageLibraries.html）


图像查看器

正文在index.html中动态生成。问题是directive.js没有替换jqyiviewer标记

我在index.html中使用了相同的标记，这里一切正常

我猜我的directive.js会先加载并编译，然后插入标记，所以它不会替换它。

您使用onload事件使用错误的DOM操作形式将指令放入页面，AngularJS不允许您这样做，指令必须在view@SameerShemna是的，这不是最好的方法。。但是angular将如何处理一个动态创建的元素，以便它可以用某个指令替换它。angular将如何处理它？它会像处理一般文本一样处理它。为什么加载的文件中没有指令标记？@charlietfl因为我需要设置动态属性，例如“src”，然后在DOM上创建元素。仅供参考：如果我直接将标签包含在身体中，一切正常

<html ng-app="acIViewerApp">
<head>
<meta charset="utf-8">
<title>Image viewer</title>
<link href="/acImageViewer/css/kendo.common.min.css" rel="stylesheet">
<link href="../css/new_kendo.css" rel="stylesheet">
<link href="../css/jquery.iviewer.css" rel="stylesheet">
<link href="../css/style.less" rel="stylesheet/less">


<script type="text/javascript" src="../libs/angular.min.js"></script>
<script type="text/javascript" src="../libs/less.js"></script>
<script type="text/javascript" src="../libs/jquery-1.8.3.min.js"></script><!--JQuery library-->
<script src="../libs/jquery-ui.min.js"></script><!--Jquery library -->
<script src="../libs/acImageViewer.js"></script><!--JQuery library for Imageviewer-->

<script src="../libs/kendo.all.min.js"></script><!--For Kendo Functionality -->

<script src="../libs/jquery.mousewheel.js"></script><!--JQuery library for use mouse event-->
<script src="../js/app.js"></script>

<script src="../js/directives/directives.js"></script><!--directive for iviewer-->

</head>

<body>


</body>
</html>