각, 각도 - 컨트롤러에서 값을 얻으십시오

Question

웹 앱을 만들고 있는데 입력 텍스트에서 값을 가져 오는 데 문제가 있습니다. 투입물에서 그들을 얻는 방법?

var app = angular.module('app', ['ngRoute', 'firebase']); 

app.controller("AuthCtrl", function($scope, $firebaseObject) { 
    var ref = firebase.database().ref(); 
    $scope.data = $firebaseObject(ref); 
}); 

app.controller("AuthCtrl", ["$scope", "$firebaseAuth", 
function($scope, $firebaseAuth) { 
    $scope.login = function($scope) { 
    var login = ''; 
    var pass = ''; 

    $scope.authObj = $firebaseAuth(); 
    $scope.authObj.$signInWithEmailAndPassword(login, pass) 
    .then(function(firebaseUser) { 
     console.log("Signed in as:", firebaseUser.uid); 
    }).catch(function(error) { 
     console.error("Authentication failed:", error); 
    }); 
    } 
} 
]); 

해결 방법 : 잘못된 컨트롤러가 사용되었습니다. AuthCtrl에서 loginCtrl까지 모든 것이 작동합니다! 모든 것이 ngRoute를 사용하고 있습니다.

app.controller("logintCtrl", ["$scope", "$firebaseAuth", 
function($scope, $firebaseAuth) { 
    $scope.login = function($scope) { 
    var login = ''; 
    var pass = ''; 

    $scope.authObj = $firebaseAuth(); 
    $scope.authObj.$signInWithEmailAndPassword(login, pass) 
    .then(function(firebaseUser) { 
     console.log("Signed in as:", firebaseUser.uid); 
    }).catch(function(error) { 
     console.error("Authentication failed:", error); 
    }); 
    } 
} 
]); 

Answer 1

당신이

<form name="myForm"> 
<input type="login" ng-model="myForm.login"> 
<input type="password" ng-model="myForm.pass"> 
<input type="submit" value="Submit"> 
</form> 

지금이 형식의 양식을 가정 해 봅시다 당신은 HTML 코드를 제공하지 않았다 그러나 나는 생각됩니다 JS한다 의

를 적어 둡니다 양식 이름. 또한 Firebase는 이라는 전자 메일 및 인증을위한 다른 문자열 만 수락합니다. 어느 첫 번째 문자열은 이메일 형식이어야한다는 것을 의미

var app = angular.module('app', ['ngRoute', 'firebase']); 

app.controller("AuthCtrl", function($scope, $firebaseObject) { 
    var ref = firebase.database().ref(); 
    $scope.data = $firebaseObject(ref); 
}); 

app.controller("AuthCtrl", ["$scope", "$firebaseAuth", 
function($scope, $firebaseAuth) { 
    $scope.login = function($scope.myForm) { 
    var login = $scope.myForm.login; 
    var pass = $scope.myForm.pass; 



    $scope.authObj = $firebaseAuth(); 
    $scope.authObj.$signInWithEmailAndPassword(login, pass) 
    .then(function(firebaseUser) { 
     console.log("Signed in as:", firebaseUser.uid); 
    }).catch(function(error) { 
     console.error("Authentication failed:", error); 
    }); 
    } 
} 
]); 

$scope.login 함수에서 인수 이름으로 $scope을 사용하지 마십시오

Answer 2

다음 $scope.login의 첫 번째 매개 변수로 $scope를 사용하여

app.controller("AuthCtrl", ["$scope", "$firebaseAuth", 
function($scope, $firebaseAuth) { 
    //ERRONEOUS 
    //$scope.login = function($scope) { 
    //INSTEAD 
    $scope.login = function() { 
    var login = 'user@example.com'; 
    var pass = '12345'; 

    $scope.authObj = $firebaseAuth(); 
    $scope.authObj.$signInWithEmailAndPassword(login, pass) 
    .then(function(firebaseUser) { 
     console.log("Signed in as:", firebaseUser.uid); 
    }).catch(function(error) { 
     console.error("Authentication failed:", error); 
    }); 
    } 
} 
]); 

, 그것을 제어기 구성 함수에 삽입 된 $scope 객체 참조를 숨 깁니다.