Googleのfirebaseをionicのcontroller.jsファイルにリンクする方法は？

Question

私は学生であり、私のチームはライティングアプリのコンテストに参加しました。私たちは、次のコードで問題を把握できなかった知識をコーディングするだけで、このような少量：

angular.module('app.controllers', []) 

.controller('studentLoginCtrl', function($scope) { 

function login(username,password) { 

var ref = new Firebase("https://project-2767910204862952587.firebaseio.com"); 

ref.authWithPassword({ 
    email : username, 
    password : password 
}, function(error, authData) { 
    if (error) { 
    console.log("Login Failed!", error); 
    } else { 
    console.log("Authenticated successfully with payload:", authData); 
    window.location = "/SFront"; 
    } 
}); 


} 
}) 

我々はすでにかなりのチュートリアルの多くと試行錯誤の多くを見上げています。コードの実行中にエラーは表示されませんが、何もしていません。

アクションにリンクされているボタンは、次のコードである：

<button ng-click="login(username, password)" id="studentLogin-button7" style="font-weight:;" class=" button button-balanced button-block icon-left ion-android-checkmark-circle ">Log in</button> 

私はすでに、ユーザー名とパスワードのデータを指示するNG-モデルを使用しました。

<ion-list id="studentLogin-list2" class=" "> 
       <label class="item item-input " id="studentLogin-input4"> 
        <span class="input-label">Username</span> 
        <input type="email" placeholder="Email" ng-model="username"> 
       </label> 
       <label class="item item-input " id="studentLogin-input5"> 
        <span class="input-label">Password</span> 
        <input type="password" placeholder="Password" ng-model="password"> 
       </label> 

問題の原因はどこにあり、どのように修正するのか教えてください。

Answer 1

あなたのボタンのクリックイベントがあなたの関数にバインドされていない、あなたのコントローラで以下のように実行する必要があります。

$scope.username = ''; 
$scope.password = ''; 
$scope.login = function(username,password) { 
    //your implemention here 
} 

$scopeは、角度やイオン、世界のビューとモデルの橋です。

Answer 2

ルートが表示されず、問題が発生している可能性があります。コントローラとのビューを「リンク」する必要があります。次に例を示します。

routes.js

.config(function($stateProvider, $urlRouterProvider) { 
     $stateProvider 
    .state('signup', { 
     url: "/signup", 
     templateUrl: "views/signup.html", 
     controller: "studentLoginCtrl" 
     }) 

はそれがお役に立てば幸いです。