AngularJS范围

Question

我试图用angularjs引用模型时遇到了问题。我可以让他们中的一些人参考，但其他人不工作。我已经包含下面的代码：

function DeleteCustomers($scope, func) { 
    $scope.delete = function() { 
     func.deleteCustomer($scope.customer); 
    } 
} 


function UpdateCustomers($scope, func) { 
    $scope.update = function() { 
     func.updateCustomer({ name: $scope.name2, telephone: $scope.telephone2, 
      email: $scope.email2, street: $scope.street2, 
      city: $scope.city2, zipcode: $scope.zipcode2 }); 
     } 
    } 
} 

和HTML是

<div ng-controller="UpdateCustomers"> 
     <form class="test-angular-update"> 
      <input type="text" ng-model="name2"><br> 
      <input type="text" ng-model="telephone2"><br> 
      <input type="text" ng-model="email2"><br> 
      <input type="text" ng-model="street2"><br> 
      <input type="text" ng-model="city2"><br> 
      <input type="text" ng-model="zipcode2"><br> 
      <button class="button" ng-click="update()">Update</button><br> 
     </form> 
    </div> 

    <br><br> 
    <div ng-controller="DeleteCustomers"> 
     <form class="text-angular-delete"> 
      Customer Name <input type="text" ng-model="customer"><br> 
      <button class="button" ng-click="delete()">Delete</button><br> 
     </form> 
    </div> 

所有车型从UpdateCustomers和DeleteCustomers不能够由控制器引用。任何帮助，将不胜感激。

谢谢！

Answer 1

这里有一个更可靠的应用程序结构，这可能有助于确保正确注入func服务。不知道这是你遇到的问题。

//app.js 
var app = angular.module('app', []); 

//services.js 
app.factory('func', function(){/* service code*/}); 

//controllers.js 
app.controller('DeleteCustomers', ['$scope', 'func', function($scope, func){ 
    $scope.delete = function() { 
    func.deleteCustomer($scope.customer); 
    }; 
}]);//edit had typo here missing ']' 

编辑：工作演示http://jsfiddle.net/grendian/Um3pR/