Question

我已经开始学习Angular JS了，我一直在考虑范围未定义＆＃39; AngularJS中此控制器代码的控制台错误：任何想法？

服务：signup.js

    'use strict';

angular.module('crud')
  .service('Signup',function () {

         var data={
        email:$scope.email,password:$scope.password,confirmPassword:$scope.confirmPassword  
    }
    //console.log(data);
    $sails.post("/api/user",data)
      .success(function (data, status, headers, jwr) {
            $scope.users=data;


        //$scope.user=data;
      })
      .error(function (data, status, headers, jwr) {

       console.log(data);
       //console.log(headers);
        alert('Houston, we got a problem!');
      });       



  });

Signupcontroller.js

 'use strict';

    angular.module('crud')
      .controller('SignupCtrl', function ($scope,Signup) {


        // Using .success() and .error()


    });

Answer 1

简介

查看以下答案：https://stackoverflow.com/a/22899880/1688441

您不应该尝试直接使用服务中的$scope，因为它不可用。控制器的$scope将包含一些变量/对象，然后您可以通过调用将这些变量/对象传递给您的服务。

https://stackoverflow.com/a/22899880的答案显示了实现您想要做的事情的正确方法，几乎是您基本上需要的结构（使用不同的名称）。

显然，您需要进行更改，例如，重写其save方法以执行HTTP post，并通过对登录请求的响应联系服务器。此外，由于http请求是异步的，因此使用resource可能更好。请参阅：https://docs.angularjs.org/api/ngResource/service/ $ resource

快速粗略示例

angular.module('crud').service('SignupService', ['$http', function ($http) {
    var path = '/api/user';

    var loginHttpPost = function (data) {
        return $http.post(path,data);   //Return the promise, or instead of a service make a resource, see: https://docs.angularjs.org/api/ngResource/service/$resource      
    };  
}])

angular.module('crud').controller('SignupCtrl', function ($scope,SignupService) {

        $scope.login = function () {
           var data={email:$scope.email,password:$scope.password,confirmPassword:$scope.confirmPassword}; 

           //HTTP calls are asynchronous. Maybe better to use resource. Must use promise.

           SignupService.loginHttpPost(data).success(function (data) {
                //Do whatever is needed
                $scope.loginResults = //assign result
           }).error(function (data) {
                //Do whatever is needed
                $scope.loginResults = //assign result
           });  
        };
    }
]);

Answer 2

您未正确注入$scope和服务Signup。此外$scope仅在控制器中可用。所以你需要将它从控制器传递给服务。

以下是正确的做法。

 'use strict';

  angular.module('crud')
  .controller('SignupCtrl',['$scope','Signup', function ($scope,Signup) {


  }]);

AngularJS：$ scope未定义？

2 个答案:

简介

快速粗略示例