XDK 重定向到模板文件将无法正常工作

XDK redirect to template file won't work correctly

本文关键字：常工作 工作 重定向 文件 XDK      更新时间：2023-09-26

我正在尝试在 Ajax 调用后使用以下方法重定向到模板文件：

window.location.href = "templates/somepage.html";

它会转到该页面，但是，在该页面上，按钮将无法正确加载，并且当我单击按钮时不会调用 JavaScript。我可能需要某种回调，因为index.html需要被调用以及templates/somepage.html。

注意：我们正在使用Ionic框架，但我没有经验，因为我是一名php开发人员。另外，我更喜欢非jquery解决方案。谢谢。

由于您要重定向到的文件缺少所有核心包括（CSS和JavaScript）文件，因此无法正常工作或显示，如下所示：

关于.html

这是一个基本的Ionic模板文件，如您所见，它没有<script></script>或<link>标签。

<ion-view title="About" id="page9">
    <ion-content overflow-scroll="true" padding="true" class="has-header">
    </ion-content>
</ion-view>

因此，您的CSS或JavaScript都无法正常工作。

Ionic 构建在

AngularJS之上，因此您可以使用状态转换器，而不是像现在这样直接访问或重定向到模板文件。

您需要做的是将$state注入控制器，如以下示例所示：

路线.js

您应该已经熟悉所有这些，但您将使用 myView 来指代状态。 

[...].state('myView', {
    url: '/my-url',
    templateUrl: 'my/template/location.html',
    controller: 'myViewCtrl'
});

控制器.js

在控制器中，您将注入将用于更改视图的$state。

[...].controller('myCtrl', function ($state) {
    /** This will be used to change to the route that we created above. **/
    $state.go('myView');
});

当我第一次开始使用Ionic时，我也为此苦苦挣扎，我偶然发现了解决方案，并认为我会提供帮助。

阅读材料

激活状态

$state.go()参考

资料
相关文章：