ionic 不同view的數據交互

 1 var app = angular.module(‘ionicApp‘, [‘ionic‘])
 2 
 3 app.service(‘TodosService‘, function($q) {
 4   return {
 5     todos: [
 6       {
 7         id: ‘1‘,
 8         name: ‘Pick up apples‘,
 9         done: false
10       },
11       {
12         id: ‘2‘,
13         name: ‘Mow the lawn‘,
14         done: true
15       }
16     ],
17     getTodos: function() {
18       return this.todos
19     },
20     getTodo: function(todoId) {
21       var dfd = $q.defer()
22       this.todos.forEach(function(todo) {
23         if (todo.id === todoId) dfd.resolve(todo)
24       })
25 
26       return dfd.promise
27     }
28 
29   }
30 })

 1 app.config(function($stateProvider, $urlRouterProvider) {
 2   $urlRouterProvider.otherwise(‘/todos‘)
 3 
 4   $stateProvider
 5   .state(‘todos‘, {
 6     url: ‘/todos‘,
 7     controller: ‘TodosCtrl‘,
 8     templateUrl: ‘todos.html‘ ,
 9     resolve: {
10       todos: function(TodosService) {
11         return TodosService.getTodos()
12       }
13     }
14   })
15   .state(‘todo‘, {
16     url: ‘/todos/:todoId‘,
17     controller: ‘TodoCtrl‘,
18     templateUrl: ‘todo.html‘   ,
19     resolve: {
20       todo: function($stateParams, TodosService) {
21         return TodosService.getTodo($stateParams.todoId)
22       }
23     }
24   })
25 })

1 app.controller(‘TodosCtrl‘, function($scope,todos) {
2   $scope.todos = todos;
3 })
4 
5 app.controller(‘TodoCtrl‘, function($scope,todo) {
6 
7   $scope.todo = todo
8 
9 })