각도 JS 및 이오니아 컨트롤러가 작동하지 않습니다.

의 버튼을 클릭하면 controller.js의 컨트롤러가 호출되지 않습니다. index.html입니다. 모든 도움을 주시면 감사하겠습니다. Angular js 1과 ionic framework을 사용하고 있습니다.각도 JS 및 이오니아 컨트롤러가 작동하지 않습니다.

// controller.js 
    angular.module('index') 

    .controller('LoginCtrl', function($scope, $auth) { 
     $scope.authenticate = function(provider) { 
      $auth.authenticate(provider); 
     }; 
    }; 


    //app.js 
    angular.module('index', ['ionic', 'satellizer']) 

    .run(function($ionicPlatform) { 
     $ionicPlatform.ready(function() { 
      if(window.cordova && window.cordova.plugins.Keyboard) { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
      cordova.plugins.Keyboard.disableScroll(true); 
      } 
     if(window.StatusBar) { 
     StatusBar.styleDefault(); 
     } 
    }); 
    }) 

    .config(function($authProvider) { 

    $authProvider.facebook({ 
     clientId: 'Facebook App ID' 
    }); 

    $authProvider.facebook({ 
     clientId: 'Facebook App ID', 
     responseType: 'token' 
    }); 

    $authProvider.google({ 
     clientId: 'Google Client ID' 
    }); 

    }); 




index.html file contents 
    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/controller.js"></script> 
    </head> 
    <body ng-app="index"> 

    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">Hello</h1> 
     </ion-header-bar> 
     <ion-content ng-controller="LoginCtrl as login"> 
     <button ng-click="login.authenticate('facebook')">Sign in with Facebook</button> 
     <button ng-click="login.authenticate('google')">Sign in with Google</button> 
     </ion-content> 
    </ion-pane> 
    </body> 
    </html>

출처

2016-08-31 kev

변수 응용 프로그램을하고 여기에 각 모듈을 지정 : 여기

내 파일입니다. 컨트롤러에서 그 app 변수를 사용할 수 있습니다.

// controller.js 
    app 
    .controller('LoginCtrl', function($scope, $auth) { 
     $scope.authenticate = function(provider) { 
      $auth.authenticate(provider); 
     }; 
    }; 


    //app.js 
    var app = angular.module('index', ['ionic', 'satellizer']);

출처

2016-08-31 13:55:43 Jigarb1992

각도 JS 및 이오니아 컨트롤러가 작동하지 않습니다.

답변

관련 문제