Question

我有一个问题，我根本无法解决问题。我无法让我的第三方Javascript文件在我的视图中运行（尽管在不使用ng-view时运行良好。下面的示例

的index.html

    <main class="page-content" ng-controller="ViewController">
        <div ng-view ng-cloak class="ng-cloak page-content-view"></div>
    </main>
    <script  src="http://vjs.zencdn.net/4.11/video.js"></script>
    <script src="/javascripts/app.js"></script>

partial.html

    <video ng-cloak 
           class="ng-cloak video-js vjs-default-skin"
           controls preload="auto" width="auto" height="auto"
           data-setup='{"example_option":true}'>
       <source src='{{video.src}}' type='video/mp4' />
    </video>

路由工作正常。我还有其他示例和不同的Javascript文件。

我曾尝试将Javascript文件直接加载到partial.html中，但没有区别。

我正在使用angularjs版本v1.3.8。

谢谢

Answer 1

由于大多数第三方脚本的工作方式以及角度如何修改DOM，您需要使用指令来包装操纵DOM的第三方组件（通常快速的Google搜索会找到任何流行的JS库的指令）。如果第三方库与数据操作有关，比如moment.js或lodash，你通常可以在index.html中包含那些并在你的角度JS代码中使用它们，但在大多数情况下有人写过或者你可以写一个该代码的包装器以及角度提供者的形式（服务/工厂都是提供者）。

长话短说，你的部分内容并不在＆＃34;右边＆＃34;正在运行来自第三方的JS的时间。通过使用指令，您可以指示何时角度加载/编译某个模板并编译您的指令，它应该在该指令所应用的元素上执行该第三方代码。

AngularJS部分视图不使用Javascript库

1 个答案: