Dlaczego alert jest wyświetlany dwa razy po kliknięciu przycisku?

Question

Czy możesz mi powiedzieć, dlaczego alerty są wyświetlane dwukrotnie po kliknięciu przycisku?

tutaj jest mój plunker http://plnkr.co/edit/vtmYAG2d1gmnPjnxovJw?p=preview

/*global define, console */ 

define(['app'], function(app){ 
    'use strict'; 

    app.controller('LoginCtrl', ['$scope', function($scope) { 
     $scope.login = function() { 
      alert("Login is clicked") 
     }; 

    }]); 

}); 

Answer 1

przypadku korzystania z nowszej wersji jonowych to działa: http://plnkr.co/edit/K2BLrUyOEeoDxHc9LyTl?p=preview

użyłem http://code.ionicframework.com/1.0.0/js/ionic.bundle.min.js

Twój przykład używa http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min.js

requirejs.config({ 
paths: { 
    ionic:'http://code.ionicframework.com/1.0.0/js/ionic.bundle.min', 
}, 
shim: { 
    ionic : {exports : 'ionic'} 
}, priority: [ 
    'ionic' 
], 

deps: [ 
    'bootstrap' 
] 

});

Answer 2

Naprawiono problem z użyciem przestarzałej, minifikowanej wersji jonowej i niezainfikowanej requirejs.

Wystarczy zmienić swoją wersję do jonową - http://code.ionicframework.com/1.0.0/js/ionic.bundle.js

i requireJs do RequireJS 2.1.17

to działa dobrze ... Wersja zmiany w skrzypcach

Answer 3

cykl trawienia przebiega w przynajmniej dwa razy przez angularjs. Prawdopodobnie powodem pojawienia się alarmu dwa razy jest cykl trawienny.

Ale inni mówili, żeby zmienić wersję, a otrzymasz alert tylko raz. Ale jeśli nie chcesz, aby zmienić wersję, istnieje obejście tego:

$scope.login = function() { 
    alert("Login is clicked"); 
    $scope.login = function(){ 
    return false; 
    } 
}; 

working demo

Ta metoda pozwala na wywołanie funkcji tylko raz. Może być pomocny dla innych, którzy chcą przerwać cykl trawienny.