哪裏可以參考JavaScript文件Ionic的模板/ [xxx] .html

我正在嘗試引用位於www/templates /目錄內的Ionic Mobile應用項目navigation.html的JavaScript文件。哪裏可以參考JavaScript文件Ionic的模板/ [xxx] .html

*注意：我使用Visual Studio 2015中的側邊菜單模板創建了項目，該項目包含一個index.html，並且位於www/templates /目錄內的所有html頁面都使用index.html，像母版頁。

在我navigation.html，我有下面的代碼片段：

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

我想引用在index.html中的JavaScript文件，但我得到了一些錯誤。所以我想引用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中。它應該像我在記事本++，相同的代碼中試過的一樣工作，並且它的工作非常完美。我已經嘗試了幾個不同的東西，但無法獲取navigation.html中加載的JavaScript文件。有沒有人知道我可以做這項工作的方式？謝謝。

來源

2017-01-04 Antoni

「我試圖引用index.html中的JavaScript文件，但我收到了一些錯誤。」你有什麼錯誤？ – meno

如果要加載的文件（和插入）只能用於一些看法，而不是所有的應用程序，你可以使用oclazy（https://github.com/ocombe/ocLazyLoad）而在你的路由使用這樣的：

$ 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"] 
        }, 
       ]); 
      } 
     } 
    })

來源

2017-01-04 11:16:45

我有很多插件和JS文件要加載的navigation.html。正如我上面提到的那樣，javascript文件和插件沒有加載或者無法在navigation.html中調用。爲什麼它不起作用？是否因爲依賴？你能給我解釋一下嗎？ – Antoni

哪裏可以參考JavaScript文件Ionic的模板/ [xxx] .html

回答

相關問題