我遇到了这种情况的问题:我有一块jQuery代码需要使用ng-bind-html加载到 span 元素中。只有在选中标签时才会显示此元素,因此范围正在执行 ng-show =" activetab === 2"
所以我将jQuery放在一个名为 content 的变量中,我使用 ng-bind-html =" content" ,如果我只是设置了变量是一些简单的词,比如"强尼踢足球"很好,但是如果我把它改成一大块javascript,它就会在页面加载时显示,甚至在 activetab 设置为 2 之前。
我也会粘贴下面的Javascript。它是一个名为Flexpaper的插件,可以显示PDF。
<div id="documentViewer" class="flexpaper_viewer" style="position:absolute;left:10px;top:10px;width:800px;height:500px"> </div>
<script type="text/javascript">
function getDocumentUrl(document){
return "php/services/view.php?doc={doc}&format={format}&page={page}".replace("{doc}",document);
}
var startDocument = "Paper";
jQuery.get((!window.isTouchScreen)?'UI_flexpaper_desktop_flat.html':'UI_flexpaper_mobile.html',
function(toolbarData) {
jQuery('#documentViewer').FlexPaperViewer(
{ config : {
SWFFile : 'docs/Paper.pdf.swf',
IMGFiles : 'docs/Paper.pdf_{page}.png',
JSONFile : 'docs/Paper.js',
PDFFile : 'example.pdf',
Scale : 0.6,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : false,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
Toolbar : toolbarData,
BottomToolbar : 'UI_flexpaper_annotations.html',
InitViewMode : 'Portrait',
RenderingOrder : 'html5,flash',
StartAtPage : '',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
UserCollaboration : true,
CurrentUser : 'Test user',
WMode : 'window',
localeChain : 'en_US'
}}
);
});