ionic/angularjs 应用构建

ionic/angularjs app construction

制作离子应用程序时,创建不同信息页面的最佳方法是什么?

现在我有每个页面的单独 html 个文档和一个指向每个 html 个文档的按钮;但是,我觉得 angular/ionic 提供了一种更好的方法,所以我错过了。例如,我正在制作的应用程序有一个主页,其中包含 5 个位置的按钮。每个按钮都会加载一个全新的 html 文档,其中包含有关按钮上标记的位置的信息。

如果解释太多,link回答我的问题就可以了

谢谢

你要的是angulartemplates。您可以编写一次模板,然后从控制器传入信息以代替 angular 绑定。您有一个主模板,它根据您在控制器中传递的信息更改 angular 绑定。

例如,您可以让您的应用程序加载每个位置的部分模板,并将它们全部显示在您的主页上,而无需点击新的 html 文档。查看 Angular Tutorial.

中的示例

还有 Live Demo

可以通过uiROUTER实现,例如:angular.module('ionicApp', ['ionic']) .config(function ($stateProvider, $urlRouterProvider ) { $stateProvider .state('menu', { 摘要: 'true', templateUrl: 'templates/menu.html', 控制器: 'MenuCtrl' }) / ... / .state('menu.work', { url: '/work', views: { menuContent: { templateUrl: 'templates/work.html', controller: 'WorkCtrl' } } }); $urlRouterProvider.otherwise('/工作'); });