2015-10-20 22 views
1

我在使用angular.js注入angular-datepicker模塊時出現以下錯誤。無法使用angular.js注入datepicker模塊

Error:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=Channabasavashwara&…0at%20d%20(http%3A%2F%2Foditek.in%2FGofasto%2Fjs%2Fangularjs.js%3A19%3A463) 

我下面解釋我的代碼。

plan.html:

<div class="input-group bmargindiv1 col-md-12"> 
    <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Date :</span> 
    <datepicker date-format="MMMM d, y" date-min-limit="2010/01/01" date-max-limit="2020/01/01"button-prev='<i class="fa fa-arrow-circle-left"></i>' button-next='<i class="fa fa-arrow-circle-right"></i>'> 
     <input type="text" name="birthdate" class="form-control" ng-model="date" placeholder="Add date" /> 
    </datepicker> 
</div> 

控制器文件包含以下代碼。

var plan=angular.module('Channabasavashwara',['Channabasavashwara.datepicker']); 
plan.controller('planController',function($scope,$http,$state){  
}); 

在這個應用程序,我使用ui-router爲view.I也需要來這裏壓延後,當用戶將選擇日期的日期將在文本框可見,以便用戶可以檢索value.Please幫我解決這個錯誤。

+0

是否定義了「Channabasavashwara.datepicker」?是不是包含相關的Javascript文件? –

+0

@PankajParkar:我正在關注[本站點](https://github.com/720kb/angular-datepicker)。我還包括了這裏解釋過的必需的js/css文件。 – subhra

+0

不應該依賴項是'720kb.datepicker'? var plan = angular.module('Channabasavashwara',['720kb.datepicker']); – Shivi

回答

1

相反的:

angular.module('Channabasavashwara', ['Channabasavashwara.datepicker']); 

您必須:

angular.module('Channabasavashwara', ['720kb.datepicker']); 

在模塊的documentation'720kb.datepicker'是不是有些隨機名稱。它是模塊的確切名稱,您必須在模塊依賴關係數組中使用確切的名稱。

+0

@ Michael:好的,錯誤已經消失,但包含此模塊後部分視圖不會出現。 – subhra

+0

你在模板中有'ng-app =「Channabasavashwara」嗎?這在問題描述中不可見。 –

+0

是的,我有當我刪除這個模塊其正常工作.BTW我沒有提到我的帖子中的所有代碼。我使用'ui-router'來渲染視圖。 – subhra