未知提供者：myFactProvider < - myFact < - thirdCtrl

Question

您好我的所有要求是在工廠使用get set方法與另一個控制器共享輸入字段數據。

angular.module('dataModule',[]).factory('myFact',function($http){
var user = {};
return {
   getDetails: function () {
       return user ;
   },
   setDetails : function (name,add,number) {
       user.name = name;
       user.add = add;
       user.number = number;
   }
}
});

這是控制器代碼。

angular.module('dataModule',[]).controller('thirdCtrl',function(myFact,$scope)  {
   $scope.saw=function(){
      alert("hello get set method");
      $scope.user=myFact.user.getDetails();
      console.log(user);
   };
});

這是我的HTML代碼

<div ng-controller="thirdCtrl">
   <h1>hello gaurav come here after click one.</h1>
   <div>
      <lable>NAME</lable>
      <div><input type="text"ng-model="user.name"></div>
   </div>
   <div>
      <lable>ADDRESS</lable>
      <div><input type="text"ng-model="user.add"></div>
   </div>
   <div>
      <lable>MOBILE</lable>
      <div><input type="number"ng-model="user.number"></div>
   </div>
   </br>
   </br>    
   <button type="button" ng-click="saw()">Click</button>
</div>

這是我的app.js

var app = angular.module('sapient',['ui.router','dataModule']);
app.config(['$stateProvider','$urlRouterProvider',function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('one', {
  url: '/one',
  templateUrl: 'view/sap.html',
  controller: 'sapCtrl'
})

.state('two', {
  url: '/two',
  templateUrl: 'view/two.html',
  controller: 'secondCtrl'
})


.state('three', {
  url: '/three',
  templateUrl: 'view/three.html',
  controller: 'thirdCtrl'
});     
$urlRouterProvider.otherwise('two');
}])

有什么建議么

提前致謝

Answer 1

問題是你正在重新創建模塊。 刪除[] （模塊依賴項數組）以使角度檢索先前創建的模塊，而不是創建新模塊。

更改：

angular.module('dataModule',[]).controller('thirdCtrl',function(myFact,$scope)

至：

angular.module('dataModule').controller('thirdCtrl',function(myFact,$scope)