Erreur firebase et angularfire

**tunisiano44** · 05/11/2016, 09h35

Salut, j'installe angularfire et firebase avec bower mais je trouve ce probléme

Nom : GKwZd.png
Affichages : 129
Taille : 118,6 Ko

et quand il click sur le probléme d'angualrfire

Nom : LyrEH.png
Affichages : 146
Taille : 38,1 Ko

code app.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
          var app = angular.module('myApp', ['ui.router','ionic'])
 
          .run(function($ionicPlatform) {
            $ionicPlatform.ready(function() {
              if(window.cordova && window.cordova.plugins.Keyboard) {
                // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
                // for form inputs)
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
 
                // Don't remove this line unless you know what you are doing. It stops the viewport
                // from snapping when text inputs are focused. Ionic handles this internally for
                // a much nicer keyboard experience.
                cordova.plugins.Keyboard.disableScroll(true);
              }
              if(window.StatusBar) {
                StatusBar.styleDefault();
              }
            });
          })
 
 
          // Initialize Firebase
            .config(function() {
          var config = {
            apiKey: "mon api",
            authDomain: "mon domaine",
            databaseURL: "mon db",
            storageBucket: "storage",
            messagingSenderId: "..."
          };
          firebase.initializeApp(config);
 
            })
 
 
          app.config(['$stateProvider','$urlRouterProvider', function($stateProvider,$urlRouterProvider) {
            $stateProvider.state("home",{ url : "/home", templateUrl : "templates/home.html" , controller: "HomeCtrl"});
            $stateProvider.state("Inscription",{ url : "/inscription", templateUrl : "templates/inscription.html" , controller: "InscriCtrl"});
            $stateProvider.state("listmsg",{ url : "/listmsg", templateUrl : "templates/list.html" , controller: "ListCtrl"});
            $stateProvider.state("msg",{ url : "/msg", templateUrl : "templates/msg.html" , controller: "MsgCtrl"});
 
            $urlRouterProvider.otherwise("home");
          }]);
 
 
          app.controller('HomeCtrl', [,'$firebaseSimpleLogin',function($scope,$firebaseSimpleLogin) {
 
            var firebaseObj = new Firebase("https://appsfactor-68466.firebaseio.com");
            var loginObj = $firebaseSimpleLogin(firebaseObj);
 
            $scope.SignIn = function(event) {
              event.preventDefault();  // To prevent form refresh
              var username = $scope.user.email;
              var password = $scope.user.password;
 
              loginObj.$login('password', {
                  email: username,
                  password: password
                })
                .then(function(user) {
                  // Success callback
                  console.log('Authentication successful');
                }, function(error) {
                  // Failure callback
                  console.log('Authentication failure');
                });
            }
 
 
          }]);
 
 
          app.controller('InscriCtrl', [function() {
 
          }]);
 
          app.controller('ListCtrl', [function() {
 
          }]);
 
          app.controller('MsgCtrl', [function() {
 
          }]);

code index.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
          <!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 rel="manifest" href="manifest.json">
 
              <!-- un-comment this code to enable service worker
              <script>
                if ('serviceWorker' in navigator) {
                  navigator.serviceWorker.register('service-worker.js')
                    .then(() => console.log('service worker installed'))
                    .catch(err => console.log('Error', err));
                }
              </script>-->
 
              <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
 
              <link rel="icon" href="http://getbootstrap.com/favicon.ico">
              <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
              <link href="http://getbootstrap.com/examples/signin/signin.css" rel="stylesheet">
 
                      <!-- AngularFiionic servere -->
              <script src="lib/firebase/firebase.js"></script>
 
              <script src="lib/angularfire/dist/angularfire.js"></script>
 
 
 
              <link href="lib/ionic/css/ionic.css" rel="stylesheet">
              <link href="css/style.css" rel="stylesheet">
 
              <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
              <link href="css/ionic.app.css" rel="stylesheet">
              -->
 
              <!-- ionic/angularjs js -->
              <script src="lib/ionic/js/ionic.bundle.js"></script>
              <script src="lib/ionic/js/angular-ui/angular-ui-router.js"></script>
 
              <!-- cordova script (this will be a 404 during development) -->
              <script src="cordova.js"></script>
 
              <!-- your app's js -->
              <script src="js/app.js" ></script>
            </head>
            <body ng-app="myApp">
 
            <ion-side-menus>
 
              <ion-side-menu-content>
 
 
                  <ion-nav-bar class="bar-calm">
                    <ion-nav-buttons>
                        <button menu-toggle="left" class="button button-icon ion-navicon">
 
                        </button>
                    </ion-nav-buttons>
                  </ion-nav-bar>
 
                  <ion-nav-view>
 
                  </ion-nav-view>
 
              </ion-side-menu-content>
 
                  <ion-side-menu side="left">
 
                    <ion-item menu-close ui-sref="home">Acceuil</ion-item>
                    <ion-item menu-close ui-sref="Inscription">Inscription</ion-item>
                    <ion-item menu-close ui-sref="listmsg">Listes Messages</ion-item>
                    <ion-item menu-close ui-sref="msg">Message</ion-item>
 
                  </ion-side-menu>
 
              </ion-side-menus>
 
 
 
            </body>
          </html>

quelle est la solution et merci

**NoSmoking** · 05/11/2016, 14h35

Bonjour,
https://github.com/firebase/angularf...ng-angularfire

Erreur firebase et angularfire

AngularJS

Vue hybride

Discussions similaires

Partager

Partager