在应用程序初始化后添加 angular ionic views 和 routes

Question

我对 Angular JS 有点陌生。我将它与 Ionic 和 Phonegap 一起使用来创建移动应用程序。此应用程序具有由 Web 服务器注入到应用程序中的视图。

因此我需要注入离子 html 标记视图并以某种方式用 Angular 编译它们，以及 link 这些新添加的视图到路由定义。这是我到目前为止所做的 [inside 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
}]);

在应用程序初始化后添加 angular ionic views 和 routes

add angular ionic views and routes after app has initialized

javascript

angularjs

angular-ui-router

url-routing

angularjs-routing