未被捕獲的錯誤：沒有模塊：angularTypeahead

Angular typeheadhead throws Uncaught Error：No module：angularTypeahead。我在我的項目中使用了角度打印頭。我已經腳本添加到我的index.html，像這樣：未被捕獲的錯誤：沒有模塊：angularTypeahead

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script> 
<script src="http://angular-ui.github.com/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script> 
<script src="js/angular/app.js"></script>

的index.html：

<div class="row center" ng-app="angularTypeahead"> 
    <div style="margin-top:0px;" class="col l12 s12 m12" ng-controller="TypeaheadCtrl"> 
    <h4 class="header col s12 light">NAME 
     <input name="location" id="location" type="text" 
       placeholder="Change Location" ng-model="selected" 
       typeahead="area for area in areas| filter:$viewValue | limitTo:8" 
       class="form-control"> 
    </h4> 
    <a class="waves-effect waves-light btn red"> 
     <i class="material-icons left"></i>Change Location</a> 
    </div> 
</div>

app.js：

(function(){ 
    var app = angular.module('angularTypeahead',['ui.bootstrap']); 

    app.controller('TypeaheadCtrl', function($scope) { 
     var areas = ["Alabama", "Alaska", "Arizona", "Arkansas", 
        "California", "Colorado", "Connecticut", "Delaware", 
        "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", 
        "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", 
        "Maine", "Maryland", "Massachusetts", "Michigan", 
        "Minnesota", "Mississippi", "Missouri", "Montana", 
        "Nebraska", "Nevada", "New Hampshire", "New Jersey", 
        "New Mexico", "New York", "North Dakota", "North Carolina", 
        "Ohio", "Oklahoma", "Oregon", "Pennsylvania", 
        "Rhode Island", "South Carolina", "South Dakota", 
        "Tennessee", "Texas", "Utah", "Vermont", "Virginia", 
        "Washington", "West Virginia", "Wisconsin", "Wyoming"]; 

     $scope.selected = undefined; 

     $scope.areas = areas; 

    }); 
});

我發現很多關於討論這個問題沒有改變錯誤。我希望有人會在這個問題上提供幫助。謝謝！

來源

2015-07-21 Gayathri

有可能是失蹤'NG-view'：上IIFE

})();

的更多信息？ https://docs.angularjs.org/api/ngRoute/directive/ng查看 –

您是否安裝了該指令？我只看到模板文件.... –

在這種情況下不需要指令或ng-view。 – rolodex

您應該用圓括號調用函數。 (function(){ ... })()

或者只是不包裝在功能。

var app = angular.module(); 
app.controller();

來源

2015-07-21 08:23:08 rolodex

感謝@rolodex其工作 – Gayathri

沒問題。你可以標記這個問題的答案。 – rolodex

在你app.js你的功能應該是自我執行，或所謂的立即調用的函數表達式（IIFE）。爲了做到這一點，你需要更改最後一行：

https://en.wikipedia.org/wiki/Immediately-invoked_function_expression

來源

2015-07-21 08:25:56 cezar

謝謝@cezar它的工作... – Gayathri

未被捕獲的錯誤：沒有模塊：angularTypeahead

回答

相關問題