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('/工作'); });
制作离子应用程序时,创建不同信息页面的最佳方法是什么?
现在我有每个页面的单独 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('/工作'); });