Angular-ui-router共享范围

Question

我正在使用angular-ui-router lib，这很棒，但是在状态更改时共享作用域存在问题。

主要思想是，一旦您获得发出HTTP GET请求的产品数据，就将表单填满，但这是行不通的。

最好的方法是哪种，还是常用的方法？ 下面有一个例子

// App
adminApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {   
  $stateProvider
    .state('products', {
      url: '/products',
      views: {        
        'main@': { 
          templateUrl: 'views/admin/new/products.html',
          controller:  'productController'
        }
      } 
    })
    .state('addProduct', {
      url: '/products/add',
      views: {        
        'main@': { 
          templateUrl: 'views/admin/new/productsForm.html',
          controller:  'productController'
        }
      } 
    })
    .state('editProduct', {
      url: "/products/edit",
       views: {        
        'main@': { 
          templateUrl: 'views/admin/new/productsForm.html',
          controller:  'productController'
        }
      }
    });
}]);



// Product Controller
$scope.editProduct = function (id) {
  productService.getProduct(id, function (err, res) {        
    if (err) {          
      return false;
    }
    $scope.formData = res;
    $state.go('editProduct', null, { reload: true });
  });
}

<!-- views/admin/productsForm.html -->
<section id="productsForm">
  <div class="container">
    <form method="post" enctype="multipart/form-data" ng-submit="saveOrUpdateProduct()">
      <input type="text" class="form-control" name="name" ng-model="formData.name" placeholder="Name">
      <input type="text" class="form-control" name="category" ng-model="formData.category" placeholder="Category">   
      <input type="hidden" class="form-control" name="_id" ng-model="formData._id">
      <button type="button" class="btn btn-warning btn-lg" ui-sref="products">Cancel</button>
      <button type="submit" class="btn btn-warning btn-lg">{{ formData._id ? 'Update' : 'Save' }}</button>      
    </form>
  </div>
</section>