2014-12-04 36 views
0

Im從Ionic和Phonegap開始。我得到了html內部的兩個類的列表元素Angular.js,HTML列表元素

<body ng-app="todo"> 
<div class="list"> 
    <a class="item item-icon-left" ng-click="derecha()" ng-controller="derecha"> Calama </a> 
    <a class="item item-icon-left" ng-click="abajo()" ng-controller="abajo"> Ollagüe </a> 
</body> 

在app.js中我得到了以下內容。

angular.module( 'TODO',[ '離子'])

.controller('derecha', function($scope, $ionicModal) { 
console.log("derecha"); 
}); 


.controller('abajo', function($scope, $ionicModal) { 
console.log("abajo"); 
}) 

當我試圖把它的瀏覽器,這些錯誤會出現:

Error: [$injector:modulerr] Failed to instantiate module todo due to: 
[$injector:nomod] Module 'todo' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.2.25/$injector/nomod?p0=todo 

我花了兩天時間學習這個問題,但根本沒有答案。有人能夠幫助我使用列表中的兩個元素來調用兩個不同的函數嗎?

由於事先 --in

+0

你包括你的js

<!-- language: lang-js --> .controller('derecha', function($scope, $ionicModal) { console.log("derecha"); }) // ; removed .controller('abajo', function($scope, $ionicModal) { console.log("abajo"); }) 

問候, 丹尼爾腳本文件? – 2014-12-04 21:28:08

回答

0

實例錯誤失敗意味着角是無法找到一個模塊,在這種情況下,所謂的待辦事項模塊。 確保您已經包含定義此模塊的js文件,並且它沒有任何會阻止模塊定義執行的錯誤。 如果您對模塊的定義來看看該文檔here

編輯任何疑問:遊覽代碼沒有分號引起的問題:

+0

但如果我erease .controller('abajo',函數($ scope,$ ionicModal){console.log(「abajo」); })。有用!所以待辦事項連接良好 – 2014-12-05 00:00:32

+0

嗯,我相信那是因爲你引入了語法錯誤,請嘗試在第一個控制器聲明中刪除分號:.controller('derecha', function($scope, $ionicModal) { console.log("derecha"); }) .controller('abajo', function($scope, $ionicModal) { console.log("abajo"); }) 2014-12-08 16:34:25