Question

我是angularJS和离子框架的新手。我知道离子框架使用angularJS思维方式，但也有自己的特点。我正在从教程中学习（其中包括：https://blog.nraboy.com/2014/11/using-ui-router-navigate-ionicframework/）。我创建了一个空白的离子项目（ionic start projectName blank）。我将app.js文件修改为现在;

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('test', {
           url: '/test',
           templateUrl: 'templates/test.html',
           controller: 'testController'
           });
    console.log("hello I am in config");
});

在.run信息下方。我创建了一个模板文件夹，它位于wwww文件夹中。在test.html文件中，我写了;

<ion-view ng-controller="testController" title="U">
    <ion-content> text </ion-content>
</ion-view>

我现在怎么样;调用testController在index.html文件中显示test.html内容或在index.html中显示状态（＆＃34; test＆＃34;）？

Answer 1

您写道，您创建了一个template文件夹。但是，您的文件夹应命名为templates（请注意字母 s ），因为您在templateUrl: 'templates/test.html',中使用了该文件夹。

你实际上并没有＃34;显示＆＃34; index.html文件中的状态。相反，当您（使用浏览器）导航到应用程序时（最好使用ionic serve）并尝试在链接中附加以下网址/test（因此它看起来像{{3} }）您应该看到templates/test.html。

的内容

但是，正如Mark Veenstra所指出的那样，对于任何进一步的帮助，我们真的需要你制作一个CodePen示例。

如何制作离子框架状态路由？

1 个答案: