warten auf Last angularjs Richtlinie Vorlage

Was ich versuche zu tun ist, verschieben, laden der kantige js-Vorlage für eine Richtlinie, bis ich es wirklich brauchen. Könnte ich nicht sogar brauchen es überhaupt nicht. Gibt es eine Möglichkeit, dass ich vielleicht nur laden Sie die Vorlage für eine Richtlinie, wenn ich es brauche. Würde ein Dienst sein, der Weg, dies zu tun? Meine Bewerbung schon lädt viel der Richtlinie Vorlagen, und ich möchte vermeiden, laden zu viel Zeug, es sei denn, ich brauche es. Das genaue problem bei der hand ist, die das laden einer Vorlage für ein login-Formular. Wenn der Benutzer klickt auf einen button und er/Sie nicht angemeldet sind möchte ich slideOpen (mittels jQuery) ein login-Formular.

  • Es kann getan werden, aber es erfordert ein wenig Arbeit. Richtlinie Vorlagen sind meist sehr klein und ich kann mir nicht vorstellen, eine log-in-Formular wird nichts, aber winzig. Warum sind Sie auf der Suche, um dieses zu laden asynchron?
  • Wollte nur wissen, ob es ein guter Weg, es zu tun. Ich Stimme der login-form ist klein, aber ich dachte, dass, wenn es war etwas, das einfach zu tun, ich würde ich es. Ich sollte hinzufügen, dass ich nicht davor zurückschrecken, die schwierige Dinge so, wenn es einen Weg gibt, dies zu tun, würde ich gerne wissen, weil es zu meiner Allgemeinen Verständnis von Winkel.
InformationsquelleAutor Edgar Martinez | 2013-02-15
  1. 6

    In der überwiegenden Mehrzahl der Fälle gibt es keinen Wert für das dynamische laden von statischen Richtlinie Vorlagen. Sie sind so klein, dass es einfach nicht sinnvoll, es zu tun. Aber es ist möglich. Jedoch, die meisten der Zeit, diese Strategie wird verwendet, für dynamische Vorlagen.

    Bedarf es $http zu Holen, die Vorlage und die $compile zu Draht in AngularJS.

    app.directive('testDirective', function($http,$compile) {
  return {
    scope: { show: '&' },
    link: function( scope, element, attrs ) {
      var tpl,
          url = 'testDirective.tpl.html';

      scope.$watch( 'show()', function (show) {
        if ( show ) {
          showTheDirective();
        }
      });

      function showTheDirective () {
        if ( !tpl ) {
          $http.get( url ).then( function ( response ) {
            tpl = $compile( response.data )( scope );
            element.append(tpl);
          });
        }
      }
    }
  };
});

    Hier ein Plunker demonstrieren, dass es funktioniert.

    InformationsquelleAutor Josh David Miller
  2. 0

    Warum versuchst du nicht und ng-if auf die Richtlinie.

    <your-directive ng-if='userLoggedIn'></your-directive>

    und im controller

    app.controller('yourCtrl', function($scope, service){
    $scope.dataHasLoaded = false;

    service.yourUserLoginFuntion(params).then(function (data) {
         //your login api
         $scope.userLoggedIn = true
    });
});

    dem Gültigkeitsbereich der variable userLoggedIn ist nur wahr, wenn Sie die Anweisung zum laden.

    InformationsquelleAutor Noushad
Schreibe einen Kommentar