2017-05-12 1 views
-3

als meine Frage ist das Problem mit ng-Klick ist es mein Code:AngularJS - ng-click funktioniert nicht in einfachen Popup

<div class="top-login"><a href="" class="register">S'inscrire</a></div> 
    <div class="in-login"><a href="" class="login">Se connecter</a></div> 
<script> 
$(document).ready(function() { 

    $("a.login").simplePopup({ type: "html", htmlSelector: "#popup1" }); 
    $("a.register").simplePopup({ type: "html", htmlSelector: "#popup2" }); 
}); 

und ich teste mit diesem Beispiel, aber immer noch nicht funktioniert

<div id="popup2" style="display:none;" > 
    <div class="col-md-7" ng-controller="RegisterCtrl"> 
      ok is here:{{ok}} 
      <button class="cws-button2 " type="button" ng-click="ok=1" >S'inscrire</button> 

    </div> 
</div> 

ng Klick funktioniert nicht, aber es ist kein Fehler

+0

Siehe dies [Fiddle] (http://jsfiddle.net/q88t9tvL/) es funktioniert .. Was ist dein Szenario? – anoop

+0

@anoop ja es funktioniert wie die Geige, aber wenn es ein Popup wird funktioniert es nicht – lolla

+0

können Sie Geige machen, oder ändern Sie meine? – anoop

Antwort

0

Es wegen einer Ausgabe Umfang Vererbung funktioniert nicht. Siehe dazu: https://github.com/angular/angular.js/wiki/Understanding-Scopes

Um es funktioniert, ok eine Eigenschaft eines Objekts machen. Zum Beispiel ng-click="foo.ok=1"

Eine andere Lösung wäre, eine Funktion zu verwenden, und in der Steuerung alles tun.

<button class="cws-button2 " type="button" ng-click="doStuff(1)" >S'inscrire</button> 

Und in Ihrem Controller, eine Funktion doStuff erklären.

$scope.doStuff = function (val) { 
    $scope.ok = 1; 
}; 
+0

danke für Sie antworten, aber ich bin neu in angularjs, wenn es ein Problem mit dem Umfang gibt, warum, wenn ich dies tun {} es funktioniert in der Tat die echte Funktion ist so wie kann ich im Zusammenhang mit einem Objekt – lolla

+0

Dass man wahrscheinlich funktioniert, weil Sie auf einer Objekteigenschaft ng-Modell verwenden. (Benutzer ist das Objekt, u_lastname ist die Eigenschaft). Wenn Sie Ihren Code wie oben erwähnt refaktorieren, sollte es funktionieren. –

Verwandte Themen