Question

我从Ionic和Phonegap开始。我在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'，['ionic']）

.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

Answer 1

无法实例化错误意味着angular无法定位模块，在本例中是一个名为todo的模块。确保已包含定义此模块的js文件，并且它没有任何会阻止模块定义执行的错误。如果您对模块定义有任何疑问，请查看文档here

编辑：没有分号的游览代码导致问题：

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

此致丹尼尔

Angular.js，HTML List元素

1 个答案: