如何使用空白模板在离子项目中添加页面,然后通过设置状态和控制器将其模板加载到index.html中



我想将基本URL设置为/模板和关联/控制器加载模板。问题在于它没有在基本URL上加载,基本URL具有index.html,然后基础URL "/#/"加载了我的第二页,我希望在应用程序启动时加载index.html。我相信我在设定状态上出错了。我现在想配置一个单个状态,一个单个页面的模板被映射到index.html中。有任何解决方案吗?

 angular.module('starter', ['ionic', 'CalendarCtrl' ,'onezone-datepicker'])
    .config(function($stateProvider) {
       $stateProvider
       .state('/', 
        { url: '/',
          templateUrl: 'templates/calendar.html',
          controller: 'CalendarCtrl'
        });
    })

尝试此

.when("/", {
    templateUrl : "templates/page.html"
})

如果我假设错误,请纠正我,但是从您的问题来看,您似乎是Ionic的新手。由于您的问题没有太多解释,我会澄清您在代码中正在查看的内容。

基本上您想做的是在模板文件夹中制作一个称为" page.html"的文件,然后用您在此处声明的'pagectrl'控制它。

如果您只想为所有HTML使用index.html,那么我想您也可以做到这一点。确保在您的index.html中:

<html ng-app="starter"> ....
<script src="js/controllers/main.js"></script>
</html>
<head>..... </head>
<body ng-controller="MainCtrl">
</body>
</html>

用您决定控制索引页面的任何控制器替换" mainctrl"。

希望有帮助。不要放弃!

相关内容

  • 没有找到相关文章

最新更新