如何在ng-bind-html中正确包含jQuery? (不会隐藏)

时间:2015-07-31 14:03:42

标签: jquery angularjs ng-hide flexpaper

我遇到了这种情况的问题:我有一块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'
                    }}
            );
        });

0 个答案:

没有答案