2017-01-04 4 views
1

www/templates /ディレクトリにあるIonic Mobile Appsプロジェクトのnavigation.htmlのJavaScriptファイルを参照しようとしています。Ionicのテンプレート/ [xxx] .htmlのJavaScriptファイルを参照する場所

注:Visual Studio 2015のサイドメニューテンプレートを使用してプロジェクトを作成しました。プロジェクトにはindex.htmlが含まれています.www/templates /ディレクトリ内にあるhtmlページはすべてindex.htmlを使用しています。マスターページのようなものです。

<ion-view view-title="Navigation"> 
    <ion-content> 
     // my html codes will be stored here 
    </ion-content> 
    </ion-view> 

私はindex.htmlの中にJavaScriptファイルを参照しようとしましたが、私はいくつかのエラーを受け取りました:私のnavigation.htmlで

は、私は、次のコードスニペットを持っています。だから私はnavigation.html内のJavaScriptファイルを参照したいと思います。しかし、私のnavigation.htmlは、のようなタグを持っていないので、navigation.html内に作成しました。 navigation.htmlを変更し、JavaScriptファイルの参照をnavigation.htmlに入れた後は、次のようになります。

<!DOCTYPE html> 
    <html> 
    <head> 
    // some js files 
    </head> 
    <body> 
    </body> 

ただし、javascriptファイルはnavigation.htmlに読み込まれません。私はメモ帳++で同じコードを試してみたところ、うまくいきました。私はいくつかのことを試しましたが、javascriptファイルをnavigation.htmlに読み込むことはできません。誰も私がこの仕事をする方法を知っていますか?ありがとう。

+0

"index.htmlのJavaScriptファイルを参照しようとしましたが、何らかのエラーが発生しました。どのようなエラーがありますか? – meno

答えて

1

あなたがファイルをロード(およびプラグイン)だけが(https://github.com/ocombe/ocLazyLoad) をoclazy使用し、ルーティングでは以下のように使用することができますいくつかのビューの代わりに、すべてのアプリのしたい場合は、次の

$ stateProvider

.state("index", { 
     preload: true, 
     abstract: true, //<-- THIS IS A FATHER VIEW 
     url: "/index", 
     templateUrl: "/app/view/template/common/content.html" 
    }) 
    .state("index.main", { 
     url: "/main", 
     templateUrl: "/app/view/template/home/home_new.html", 
     data: { pageTitle: "Home" }, 
     controller: "HomeController", 
     controllerAs: "homeCtrl", 
     resolve: { 
      loadPlugin: function ($ocLazyLoad) { //<-- HERE YOU CAN LOAD FILES ONLY FOR YOUR ROUTING 
       return $ocLazyLoad.load([ 
        { 
         name: "ngTagsInput", 
         files: ["/app/view/assets/lib/bower/ng-tags-input/ng-tags-input.js"] 
        }, 
       ]); 
      } 
     } 
    }) 
+0

私はnavigation.htmlのために読み込まれる多くのプラグインとJSファイルを持っています。上記のようにjavascriptファイルとプラグインはロードされていないか、またはnavigation.htmlで呼び出すことができません。それはなぜ機能しないのですか?それは依存のためですか?私に説明してもらえますか? – Antoni

関連する問題