Dokument bereit, in eckigen

Ich will Feuer etwas jQuery-code, wenn Sie klicken Sie auf ein Kontrollkästchen. Das problem ist, dass wenn ich auf eine selectbox ersten mal, wenn die Seite geladen ist, passiert nichts. Aber wenn ich noch einmal klicken, wird der jQuery-code ausgeführt wird. Ich habe versucht, den eingestellten Winkel.element(bereit), wie unten, aber Sie funktionieren nicht:

angular.element(document).ready(function() {
        $http.get($rootScope.appUrl + '/nao/test/test')
            .success(function(data, status, headers, config) {
                $scope.test = data.data;
        });
        $scope.testa = function() {
                $('.checkboxfisk').click(function() {
                var fish = $(this).attr('id');
                alert(fish);    
                });

        };
});

<tr ng-repeat="info in test"><td>{{info.stracka}}</td><td>{{info.tid}}</td><td><input type="checkbox" id="{{info.id}}" class="checkboxfisk" ng-click="testa()"></tr>
wenn Sie möchten "Feuer jquery-code" auf klicken Sie auf, warum Sie benötigen, eckig, etwas zu tun?
Sie können die nginit Richtlinie docs.angularjs.org/api/ng/directive/ngInit
Denn ich werde die Daten verwenden, die jQuery für bekommt meine mit Winkelgetriebe.
"Nicht einmal jQuery verwenden. Geben Sie auch nicht. Es hält Sie zurück." stackoverflow.com/questions/14994391/...
unbedingt Lesen, der link @isherwood zur Verfügung gestellt

InformationsquelleAutor user500468 | 2014-07-17

  1. 2

    Den richtigen Weg, um die Interaktion mit dem DOM in Eckigen erstellen Sie Ihre eigenen benutzerdefinierten Richtlinie. Sie können dann verdrahten Sie die jQuery-handler in die postLink-Funktion von Euch Richtlinie (der Winkel ausgeführt wird, wenn es baut die Seite auf Last). Der handler wird da sein und warten, wenn die Seite fertig ist.

    Werfen Sie einen Blick auf Angular-Dokumentation Richtlinien und give it a shot:

    AnuglarJS: Entwickler-Handbuch: Richtlinien

    Suchen bei Ihrem Beispiel, obwohl das vielleicht zu viel. Es gibt keine Notwendigkeit, haben die jQuery-Listener für das click-Ereignis überhaupt. Sie brauchen nur zu entfernen, das jQuery-wrapper um die Funktion definition und lasst Winkel-Griff click-Ereignis selbst:

    $scope.testa = function(id) {
    alert(id);
};

    Und ändern Sie dann Ihre ng-click - Attribut übergeben, wird die id in dem Ausdruck:

    <input type="checkbox" 
       id="{{info.id}}" 
       class="checkboxfisk" 
       ng-click="testa(info.id)">
    Ich bin nur ein Neuling, wenn Es um AngularJS, also ich weiß nicht, wie Richtlinien arbeitet. Haben Sie eine Lösung für non-pro-Entwickler?
    Die Lösung für einen nicht-pro-Entwickler ist die Dokumentation zu Lesen, zu verstehen, was Los ist, und Tue es immer noch der richtige Weg. Ich verbunden mit der Dokumentation können Sie einen Blick nehmen und loszulegen.
    Danke. Im gehend, give it a shot.
    Ich habe gerade aktualisiert meine Antwort Ihr problem kann leicht gelöst werden, ohne mit jQuery auf alle.

    InformationsquelleAutor Justin Niessner

  2. 0

    Den direkten Grund, warum läuft es nach dem zweiten Klick ist, dass in Ihrer ng-click-Ereignishandler verwenden Sie jQuery click () - Funktion, die bindet den click-handler innerhalb von führen Sie Alarm. Also nach dem ersten Klick werden Sie nur an der Funktion, aber nicht ausführen. Nachdem es gebunden ist, der nächste Klick führt. Trotzdem, wie vorher gesagt wurde, sollte es getan werden using-Direktiven.

    InformationsquelleAutor mmp

  3. 0

    Den Kantigen Weg, um render-Artikel unterscheidet sich von "DOM-Ready", das ist, warum wir brauchen, um zu behandeln, diese als 2 separate Dinge.

    Eckig machen könnte Elemente nach der DOM fertig ist, dies kann beispielsweise passieren, wenn ein AJAX-Aufruf($http.get) und deshalb ist eine Richtlinie der empfohlene Ansatz.

    Probieren Sie etwas wie dieses:

    <body ng-controller="MainCtrl">
  <input type="checkbox" chk-Sample="" >

<script>

var myApp = angular.module('myApp', []);

myApp.controller('MainCtrl', ['$scope', function ($scope) {}]);

myApp.directive("chkSample", function() {
    return {
            restrict: "A", //A - means attribute
            link: function(scope, element, attrs, ngModelCtrl) {
               $(element).click(function() {
                 var fish = $(this).attr('id');
                 alert(fish);    
               });
            }
        };
});

...

    Indem er die Richtlinie myApp.directive("chkSample",... als Attribut chk-Sample="" jedes mal angulare erzeugt das input-element wird ausgeführt, die link-Funktion in der Richtlinie.

    InformationsquelleAutor Dalorzo

  4. 0

    Ich bin nicht sicher, ob dies der richtige Weg ist, aber den code unten arbeitete für mich:-

        $timeout(function(){
     if(condition){
       /*
             code you want to execute */
        }

    });

    InformationsquelleAutor java dev

Schreibe einen Kommentar