Angularjs app.single如何在ionic框架中工作

我对爱奥尼亚框架和angularjs都是新手。我试图了解列表项是如何映射到app.single的。在另一个例子中，我发现使用“list.item”作为父“list”状态，但这对我不起作用（）。
我正在使用带侧菜单的基本ionic应用程序。
有人能解释一下app.single是如何映射到播放列表项的吗

playlists.html：

app.js

---

在playlists.html中，有一个html标记，为每个播放列表项提供指向目标模板的url

href="#/app/playlists/{{playlist.id}}"

因此，一旦用户点击当前列表中的一个项目，他将被重定向到“/app/playlists/{{playlist.id}”页面

然后，请关注app.js，它将每个控制器链接到所需的url

url: "/playlists/:playlistId",

---

这是“app.single”状态链接到每个播放列表项的部分。在本例中，“/app”被“app”状态定义的抽象参数省略。

您对我的答案有什么看法，@vikramaditya234？blueprint的

侧菜单附带的样板代码有两个变量名几乎相同的控制器：“playlisctrl”和“playlisctrl”-乍一看，这可能会让人很困惑。在我看来，如果有一个PlayController和一个PlayItemController，情况会更清楚。事实上，这会更好：ItemListController和ItemDetailController。不好的名字真的会害死你。谢谢你的回复，我理解这个概念。我被州名和URL弄糊涂了。
.controller('PlaylistsCtrl', function($scope) {
$scope.playlists = [
{ title: 'Reggae', id: 1 },
{ title: 'Chill', id: 2 },
{ title: 'Dubstep', id: 3 },
{ title: 'Indie', id: 4 },
{ title: 'Rap', id: 5 },
{ title: 'Cowbell', id: 6 }
];
})

.controller('PlaylistCtrl', function($scope, $stateParams) {
});

.state('app.playlists', {
  url: "/playlists",
    views: {
      'menuContent': {
      templateUrl: "templates/playlists.html",
      controller: 'PlaylistsCtrl'
    }
  }
})

.state('app.single', {
  url: "/playlists/:playlistId",
    views: {
      'menuContent': {
       templateUrl: "templates/playlist.html",
       controller: 'PlaylistCtrl'
    }
  }
});

href="#/app/playlists/{{playlist.id}}"

url: "/playlists/:playlistId",