ionic 不同view的數據交互

angular中通過service factory 等服務來對不同的控制器進行數據交互 ，ionic 也一樣...

 var app = angular.module('ionicApp', ['ionic'])

 app.service('TodosService', function($q) {
   return {
     todos: [
       {
         id: '1',
         name: 'Pick up apples',
         done: false
       },
       {
         id: '2',
         name: 'Mow the lawn',
         done: true
       }
     ],
     getTodos: function() {
       return this.todos
     },
     getTodo: function(todoId) {
       var dfd = $q.defer()
       this.todos.forEach(function(todo) {
         if (todo.id === todoId) dfd.resolve(todo)
       })

       return dfd.promise
     }

   }
 })

在不用的view中我們可以通過 route 中的resolve 來加載相關的服務；

 app.config(function($stateProvider, $urlRouterProvider) {
   $urlRouterProvider.otherwise('/todos')

   $stateProvider
   .state('todos', {
     url: '/todos',
     controller: 'TodosCtrl',
     templateUrl: 'todos.html' ,
     resolve: {
       todos: function(TodosService) {
         return TodosService.getTodos()
       }
     }
   })
   .state('todo', {
     url: '/todos/:todoId',
     controller: 'TodoCtrl',
     templateUrl: 'todo.html'   ,
     resolve: {
       todo: function($stateParams, TodosService) {
         return TodosService.getTodo($stateParams.todoId)
       }
     }
   })
 })

在控制器中注入 在route中加載的服務返回的函數 如todo todos

 app.controller('TodosCtrl', function($scope,todos) {
   $scope.todos = todos;
 })

 app.controller('TodoCtrl', function($scope,todo) {

   $scope.todo = todo

 })

這是鏈接 轉載於這個