Ionic和angularjs嵌套步骤应用程序

Ionic and angularjs nested steps app

本文关键字：应用程序 嵌套 angularjs Ionic      更新时间：2023-09-26

我只是在学习angularjs和ionic框架，我复制了其中一个演示并尝试进行更改，但不确定为什么它不起作用。我看不到"演讲者个人资料详细信息"页面。

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

这是代码笔演示

Codepen演示

我发现有三件事导致这种情况不起作用：

  1. 扬声器信息模板缺少离子视图和离子内容

确保它像这样开始：

<script id="templates/speakersinfo.html" type="text/ng-template">
<ion-view view-title="Speakers Info">
    <ion-content>
  1. 控制器名称不匹配-您将状态提供程序中的控制器引用为speakerInfo（扬声器末端没有"s"），但将控制器声明为speakersinfo（扬声器末端有"s"）

确保名字匹配（无论你怎么决定）。

  1. 您尝试使用url #/event/speakersinfo访问状态eventmenu.speakers.speakersinfo，但了解嵌套状态如何与angular ui/ui路由器一起工作很重要——状态声明中的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">

相关文章：