Question

在我使用<div ng-view></div>之前，我曾经ionic。我将使用div作为包装器来包含我想要的任何html。

我尝试用ionic做同样的事情。这是我的index.html：

<ion-pane>
  <ion-content>
    <ion-nav-view></ion-nav-view>
  </ion-content>
</ion-pane>

这是我的ionic router：

app.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider.state('main', {
        url: '/',
        templateUrl: 'views/main.html'
    })

    $urlRouterProvider.otherwise('/jobs')
})

但是它没有加载views/main.html。

我尝试在text/ng-template中使用views/main.html，所以它看起来像这样：

<div>
    <ion-view>
        <p></p>
    </ion-view>
</div>

但它还没有加载。控制台中没有错误或警告。

请帮助我。谢谢你的帮助。

更新

如果我在templateUrl中使用了错误的html路径，则控制台会显示错误：

GET http://localhost:8100/views/main2.html 404 (Not Found)

但是，当我使用正确的路径时，不显示强效（仅

）。

Answer 1

您的模板有2个解决方案，我认为您混合了两个解决方案

您可以将其打包在<script type="text/ng-template" id="main.html"></script>中，但您必须手动填写页面<script src=""></script>。如果您使用此解决方案，则无需在路由中编写路径{ {1}} ID足够templateUrl: 'views/main.html'
只需将未打包的内容templateUrl: 'main.html'放入html文件中，然后在templateUrl中写出正确的路径

在<ion-nav-view>中显示html内容

1 个答案: