AngularJS部分視圖不使用Javascript庫

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代碼中使用它們，但在大多數情況下有人寫過或者你可以寫一個該代碼的包裝器以及角度提供者的形式（服務/工廠都是提供者）。

長話短說，當你運行第三方的JS時，你的部分內容不在文檔的“正確”時間。 通過使用指令，您可以指示何時角度加載/編譯某些模板並編譯您的指令，它應該在該指令應用的元素上執行該第三方代碼。