Question

我试图在一个标签中加载一个嵌套视图，似乎我尝试的任何东西都不会加载模板。我试图从我的主标签视图传递一个参数来加载子视图并显示它。页面永远不会加载，但我看到网址已从列表中选择的值更改。我完全按照离子选项卡启动器中的示例进行了操作，但是这个错误的东西不会显示子页面。

这是我的app.js，其中包含相应的代码，减去其他所有内容。

// setup an abstract state for the tabs directive
.state('options', {
  url: "/options",
  abstract: true,
  templateUrl: "templates/options-tabs.html"
})


// Each tab has its own nav history stack:

.state('options.create', {
  url: '/create',
  views: {
    'options-create': {
      templateUrl: 'templates/options-create.html',
      controller: 'CreateCtrl'
    }
  }
})

.state('options.confirm', {
  url: '/confirm/:id',
  views: {
    'options-confirm': {
      templateUrl: 'templates/options-confirm.html',
      controller: 'ConfirmCtrl'
    }
  }
})

.state('options.local', {
  url: '/local',
  views: {
    'options-local': {
      templateUrl: 'templates/options-local.html',
      controller: 'LocalAuditCtrl'
    }
  }
})

我的控制器

.controller（＆＃39; CreateCtrl＆＃39;，function（$ scope，$ location，$ state，rest）{ rest.getBases（）。成功（功能（数据）{ $ scope.bases = data; }）;
$scope.test = function(account){
  console.log(account);
  $state.go('options.confirm', {id:account});
}
}）

我的主要标签视图

<ion-view title="Create">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="base in bases" type="item-text-wrap" ng-click="test(base.account)">
        {{base.name}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

详细信息视图

<ion-view title="{{id}}">
  <ion-content has-header="true" padding="true">
  </ion-content>
</ion-view>

在这一点上，我完全混淆了如何从Ionic的例子中出现这种错误，但我确定有一些东西我不知道=（任何帮助都会很棒！

Answer 1

我遇到了这个问题，经过3个小时的调试后，我发现你的顶级状态（抽象状态）必须是<ion-nav-view/>。

Ionic的医生根本没有提到它！

尝试将其包含在index.html文件中。

ui-router问题，无法从选项卡加载子视图

1 个答案: