javascript - Ionic和angularjs嵌套步骤应用程序

我只是在学习angularjs和ionic框架，然后我复制了一个演示并试图进行更改，但不确定为什么它不起作用。
我看不到“扬声器配置文件详细信息”页面。

- Speakers
--- Speakers lists
----- Speakers profile details
- Schedule
- venue
- sponsors

这是代码笔演示

Codepen demo

最佳答案

我发现导致此问题不起作用的三件事：


SpeakersInfo模板缺少离子视图和离子含量。


确保它是这样开始的：

<script id="templates/speakersinfo.html" type="text/ng-template">
<ion-view view-title="Speakers Info">
    <ion-content>

控制器名称不匹配-您在状态提供程序中将控制器引用为speakerInfo（扬声器的末尾没有's'），但将控制器声明为speakersinfo（扬声器的末尾有's'）。


确保名称匹配（以您决定的方式为准）。


您尝试使用URL eventmenu.speakers.speakersinfo访问状态#/event/speakersinfo，但了解嵌套状态如何与angular-ui / ui-router一起使用很重要-状态声明中的URL会附加到其继承的状态。因此，此处eventmenu.speakers.speakersinfo是eventmenu.speakers的子状态，因此url必须为#/event/speakers/speakersinfo。
或者，您可以将州名称更改为eventmenu.speakersinfo-我尝试了此操作，它对我有用。


我个人认为最好使用ui-sref属性而不是href URL。这样，您可以使用声明的状态名称，而不会造成混淆。

还要提一下，您已经为与会者重复了模板
    <script id="templates/attendees.html" type="text/ng-template">

关于javascript - Ionic和angularjs嵌套步骤应用程序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29513065/