2016-09-19 1 views
0

firebase 및 angularfire를 처음 사용했습니다. 내 응용 프로그램에서 firebase 데이터베이스에 새 항목 (교사 객체)을 만들려고합니다. 나는 계속 Error: Can't find variable: Firebase을 얻는다.오류 : 변수를 찾을 수 없습니다 : Firebase (angularjs 및 angular fire)

나는 index.html에서 스크립트 태그 다음과 같은 포함했다 :입니다

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

내 컨트롤러 :

app.controller('teacherCreateCtrl', ['$scope', '$state', 'Teacher', '$firebase', function($scope, $state, Teacher, $firebase) { 
    var ref = new Firebase("https://xxx-xxxxxx.firebaseio.com/app/teachers"); 
    var firebaseConnection = $firebase(ref); 
    $scope.teacher = new Teacher(); 
    $scope.userClickedCancel = function() { 
     $state.go('app.teacher'); 
    } 
    $scope.userClickedSave = function(newTeacher) { 
     firebaseConnection.$set(newTeacher); 
    } 
}]); 

코드 내 app.js에서 내가 좋아하는 firebase을 포함 한

<script type="text/javascript" src="../libs/firebase/firebase.js"></script> 
<script type="text/javascript" src="../libs/angular/angularfire/angularfire.js"></script> 

다음 실행이 var ref = ...에서 멈 춥니 다. 컨트롤러에서. 어떤 도움을 주시면 감사하겠습니다. 감사.

나는 firebase 3.4.0v와 angularfire 2.0.2v를 사용하고 있습니다. 이 컨트롤러를 사용하는 템플릿은 index.html에 포함되어 있습니다. Firebase Angular quickstart에서

답변

2

을 코드의 관련 부분을 공유해야합니다. v3.x firebase를 사용하고 있다면 v2.x 코드를 사용할 수 없습니다. 그래서 대신 :

var ref = new Firebase("https://xxx-xxxxxx.firebaseio.com/app/teachers"); 

당신은 이런 식으로 할 필요가 자세한 정보를 알아 the docs

var config = { 
    apiKey: "<API_KEY>", 
    authDomain: "<PROJECT_ID>.firebaseapp.com", 
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com", 
    storageBucket: "<BUCKET>.appspot.com", 
}; 
firebase.initializeApp(config); 

확인합니다.

0

:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script> 
<script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script> 
... 
var app = angular.module("sampleApp", ["firebase"]); 
... 
app.controller("SampleCtrl", function($scope, $firebaseObject) { 
    var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com"); 
    $scope.data = $firebaseObject(ref); 
    console.log($scope.data); 
}); 

모든 것을 잘 보이는 ... 당신도 각도 소스를 포함 않았습니까?

그렇지 않으면, 당신은 당신이 당신의 버전을 혼합하는 ...

+0

그래, 이미 스크립트 태그에 angularjs를로드했습니다 ... 나는 firebase.js 코드가이 컨트롤러의 컨텍스트에서 어떻게 든 사용할 수 없다고 생각합니다. 단지 방법을 얻지 못합니다 ... 저는 기본적으로 문서를 영리하게하려고하지 마십시오. – swdon

+0

브라우저 개발자 콘솔 또는 네트워크 탭에 오류가 표시됩니까? – MarcoS

관련 문제