Question

所以在我的index.html文件中，我有以下代码，基本上链接了两个外部html页面。

<!--First Template-->
<script id="views/profileView.html" type="text/ng-template">
 <div ng-include="'./views/profileView.html'"></div>
</script>

<!--Second Template-->
<script id="views/callView.html" type="text/ng-template">
 <div ng-include="'./views/callView.html'"></div>
</script>

要加载的第一个模板是profileView，它可以很好地加载。在该模板中，我有一个按钮，单击将加载第二个模板的状态。第二页未完全加载。它是一个部分过渡。我注意到这个问题是因为我试图加载另一个外部模板的状态。如果我不将内容排除到外部模板中，只是在索引文件本身中写出来，我就不会遇到这个问题。从一个外部网页导航到另一个外部网页时，有没有人遇到过这样的问题？有没有解决方案？

Answer 1

如果我是你，我会使用角度$ stateProvider，所以你会有这样的东西

off

然后在你的index.html中你只有一个离线导航视图：

var app = angular.module('myapp', ['ionic']);

    app.config('$stateProvider', function($stateProvder){
     $stateProvider
        .state('home', {
          url: '/home',
          templateUrl: 'templates/home.html'
        }).state('pageone', {
          url: '/pageone',
          templateUrl: 'templates/pageone.html'
        });
});

然后在您的控制器中导航状态，您只需包含$ state，就像$ scope调用此状态一样：<ion-nav-view animation="no-animation"></ion-nav-view>

您可以阅读更多相关信息，并在此处查看更多示例：http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/

使用离子框架从一个外部模板导航到另一个外部模板无法正常工作

1 个答案: