带有嵌套 JSON 和视图的 AugularJS

Question

我是 ionic 新手，所以开始玩启动器吧。我正在为内部目的构建一个类似于图书馆的应用程序，这是我的 Plunker。

我的图书数据存储在 services.js 中的 json 中 如您所见，它是一个嵌套的 json，有多个书籍类别，每个类别都有许多书籍。 我已经设法从中提取类别信息并使用 ng-repeat 将它们拉入列表。

我想要实现的是，当您单击其中一个类别时，它将转到一个视图/页面，列出该类别的所有书籍（模板文件 chat-detail.html）。 然后，如果您单击某本书，它将打开详细信息页面（模板未制作，因为我无法通过最后一步）。

我正在尝试使用以下代码获取类别名称：

get: function(catname) {
  for (var i = 0; i < chats[0].categories.length; i++) {
    if (chats[0].categories[i].catname === catname) {
      return chats[0].categories[i];
    }
  }
  return null;
}

我做了一个 console.log，我可以看到该数组按预期返回。

但是当我单击类别列表时，没有任何反应，错误消息根本不是用户友好的。一些东西以 Injector unpr 开头，然后是数百行。 AngularJS 文档说这与不匹配的控制器名称有关，但我已经三次检查了我的名称，它们对我来说看起来不错。

我整个星期都被困在这里，任何人都可以对此有所了解，将不胜感激。

你可以直接用my code here修改我感觉我的controllers.js有问题，只是不知道在哪里。

Answer 1

我将您的ionic.bundle.min.js 替换为non-minified version 并得到以下错误：

错误：[$injector:unpr] 未知提供者：appTabsProvider

这表明 Angular 无法解析 appTabs 依赖项。

在你的controller.js 我替换了这个：

.controller('AppTabs', function($scope, $stateParams, appTabs) {
    appTabs.displayEffect();
})

用这个来解决依赖错误。

.controller('AppTabs', function($scope, $stateParams, ionicMaterialInk) {
    ionicMaterialInk.displayEffect();
})

我不知道这是否是您想要的，但我看到 ionicMaterialInk.displayEffect(); 正在其他地方使用。

希望对你有所帮助。