angularjs - Angular で Responsive-nav.js を使用する

Question

Respond-nav.jsを利用して、レスポンシブ ナビゲーションを作成しようとしています。過去に角度のないプロジェクトでresponsive-nav.jsを問題なく使用しました。必要なコードを含める方法がわかりません。たとえば、ドキュメントで指示されているように、終了 body タグの前にこのコード行を index.html ファイルに配置しようとしました。

<!-- Put this right before the </body> closing tag -->
<script>
  var nav = responsiveNav(".nav-collapse");
</script>

コンソールの上のスクリプトで、「responsiveNa が定義されていません」というエラーが表示されます。

Respond-nav.js のディレクティブを作成しましたが、問題は解決しませんでした。

.directive('responsiveNav', function(){
    return{
        restrict: 'E',

        link:function(scope, element, attrs){

            $(element).responsiveNav("foo",{
                customToggle  : "nav-toggle",
                navClass      : "nav-collapse"


            });
                    Scope.$apply();
        }
    }
});