离子导航视图不呈现模板答案

【问题标题】：ion nav view not rendering template离子导航视图不呈现模板
【发布时间】：2017-06-07 06:55:05
【问题描述】：

我从离子框架开始。我有点问题我想我已经做好了所有需要的事情客栈app.js

angular.module('starter', ['ionic']) .run（函数（$ionicPlatform）{ $ionicPlatform.ready（函数（）{ 如果（window.cordova && window.cordova.plugins.Keyboard）{ // 默认隐藏附件栏（去掉这个可以在键盘上方显示附件栏 // 用于表单输入） cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); // 除非您知道自己在做什么，否则不要删除此行。它停止视口 // 当文本输入聚焦时捕捉。离子在内部处理这个 // 更好的键盘体验。 cordova.plugins.Keyboard.disableScroll(true); } 如果（窗口。状态栏）{ 状态栏.styleDefault(); } }); }) .config(函数 ($stateProvider, $urlRouterProvider) { $stateProvider.state('home', { 网址：'/家'，模板网址：'views/home.html' }).state('关于', { 网址：'/关于'，模板网址：'views/about.html' }); $urlRouterProvider.otherwise("/home.html"); });

在 index.xhtml 中

<body ng-app="starter">
<!--<ion-nav-bar class="bar-positive"></ion-nav-bar>-->
<ion-nav-bar class="bar-positive">
    <ion-nav-back-button>
    </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view></ion-nav-view>

在 home.html 中

<ion-view view-title="home">
<ion-content>
    <p>
        <a ui-sref="about">About</a>
    </p>

</ion-content></ion-view>

当我查看萤火虫时，我可以看到答案，但 ion-nav-view 没有呈现主页中定义的 ion-view

【问题讨论】：

标签： ionic-framework

【解决方案1】：

加载视图时，必须使用url属性中设置的属性，而不是模板的路径。所以你必须将/home.html 更改为/home。

   $urlRouterProvider.otherwise("/home");

【讨论】：