Question

我是Angular JS的新手。我正在使用Ionic和Phonegap来创建移动应用程序。此应用程序具有由Web服务器注入应用程序的视图。

因此我需要注入离子html标记视图并以某种方式使用Angular编译它们，以及将这些新添加的视图链接到路径定义。这就是我到目前为止所做的[在app.config内部]：

app.stateProvider = $stateProvider;

然后[app.run内部]：

app.stateProvider.state('side-menu8', {
  url: '/menu2',
  templateUrl: 'side-menu8.html'
});
$state.go('side-menu8');

将side- menu8.html模板脚本标记插入index.html页面。我这样做是为了测试状态是否在配置过程之外注册。应用程序当前会注册其他状态并成功重定向到模板。我的问题是，我将如何添加一个动态服务来获取视图和数据，将其注入index.html视图并注册其他状态？

Answer 1

配置设置应始终在配置阶段完成，只有您无法注册来自app.run的路由，您必须在app.config内进行，由于您希望实现动态分页，您可以向状态URL添加一个参数，并根据您可以动态呈现模板

<强>代码

app.config(["$stateProvider", function($stateProvider) {
    $stateProvider.state('side-menu', {
        url: '/menu/:id',
        templateUrl: function($stateParams){
           return 'side-menu'+ $stateParams.id +'.html'; //this will fetch template dynamically
        }
    });
    //you could also add state here
}]);

应用初始化后添加角度离子视图和路线

1 个答案: