NG：AREQ：論據 '的AppController' 不是一個函數，得到了不確定

JS：NG：AREQ：論據 '的AppController' 不是一個函數，得到了不確定

(function() { 
    'use strict'; 

    var app = angular.module('appModule', 
       [ 
       'ngRoute',     
       'winjs' 
       ]); 

    app.controller('AppController', function ($scope) { 
     $scope.splitViewElement = document.getElementById('splitView'); 
    }); 
})();

HTML

<!DOCTYPE html> 
<html ng-app> 
<head> 
    <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible" /> 
    <title>Index</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1, 
    maximum- scale=1" /> 

    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/angular-route/angular-route.min.js"></script> 
    <link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> 
    <script src="lib/jquery/dist/jquery.js"></script> 
    <script src="app/app-main.js"></script> 
    <script type="text/javascript" 
    src="app/device/device-main.js"></script> 
</script> 
</head> 

<body ng-controller="AppController as app"> 
    <div> 
     <win-split-view-pane-toggle split-view="splitViewElement"> 
     </win-split-view-pane-toggle> 
     <win-split-view id="splitView"> 
      <win-split-view-pane> 
       SplitView Navigation Pane 
       <win-split-view-command label="'Home'" 
       icon="'home'" on-invoked="goToHome()"></win-split-view-command> 
       <win-split-view-command label="'Settings'" 
       icon="'settings'" on-invoked="goToSettings()"> 
      </win-split-view-command> 
     </win-split-view-pane> 
     <win-split-view-content>SplitView Content Area 
     </win-split-view-content> 
    </win-split-view> 
</div> 

</body> 
</html>

已經包括了「APP-main.js」包含上面的JS代碼，有人請檢查並讓我知道上述錯誤的原因。

來源

2016-02-22 MukkuP

你應該'NG-應用程序=「的AppModule」' – koox00

你應該在ng-app中初始化你的應用。像這樣

<html ng-app="appModule">

然後它就會工作。

if the ngApp directive were not placed on the html element then the document would not be compiled, the AppController would not be instantiated

參見參考angularjs文檔在這個https://docs.angularjs.org/api/ng/directive/ngApp

來源

2016-02-22 14:20:06

好的，謝謝你，但加入之後，我得到以下錯誤：無法實例化模塊appModule由於：錯誤：[$ injector：modulerr] http：//errors.angularjs.org/1.4.8/$injector/modulerr？p0 = d ...） – MukkuP

模塊初始化中的'winjs'是什麼？應用程序初始化時只應添加Angular模塊。你不應該添加你自己的js腳本。 –

試圖從依賴關係中刪除「WinJs」，但仍然是相同的錯誤 – MukkuP

NG：AREQ：論據 '的AppController' 不是一個函數，得到了不確定

回答

相關問題