Als «angularjs-directive» getaggte Fragen

AngularJS-Direktiven sind eine Möglichkeit, HTML neue Tricks beizubringen, indem das HTML-Vokabular erweitert wird. Mit Direktiven können Sie DOM-Elemente in einem deklarativen Muster verwalten und so von einfachen DOM-Manipulationsaufgaben befreit werden.

9
Wählen Sie den Text im Eingabefokus aus
Ich habe eine Texteingabe. Wenn die Eingabe den Fokus erhält, möchte ich den Text innerhalb der Eingabe auswählen. Mit jQuery würde ich es so machen: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Ich habe mich umgesehen, um den Angular-Weg zu finden, aber …
4
Aufruf der Methode in der Direktivensteuerung von einer anderen Steuerung
Ich habe eine Direktive, die einen eigenen Controller hat. Siehe den folgenden Code: var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = …
4
Winkel-ng-Änderungsverzögerung
Ich habe eine Eingabe, die eine ng-Wiederholungsliste bei Änderung filtert. Die Wiederholung enthält viele Daten und dauert einige Sekunden, um alles zu filtern. Ich möchte eine Verzögerung von 0,5 Sekunden, bevor ich mit dem Filtervorgang beginne. Was ist der richtige Weg im Winkel, um diese Verzögerung zu erzeugen? Eingang <input …
5
Erweiterung der Winkelrichtlinie
Ich möchte eine geringfügige Änderung an einer Direktive eines Drittanbieters vornehmen (insbesondere Angular UI Bootstrap ). Ich möchte lediglich den Geltungsbereich der paneRichtlinie erweitern: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return …
7
Die im Attribut angegebene Funktion zum Aufrufen der Direktive anglejs übergibt ihr ein Argument
Ich möchte eine Direktive erstellen, die auf ein Attribut verweist. Das Attribut gibt die Funktion an, die für den Bereich aufgerufen werden soll. Ich möchte aber auch ein Argument an die Funktion übergeben, die innerhalb der Link-Funktion festgelegt ist. <div my-method='theMethodToBeCalled'></div> In der Link-Funktion binde ich an ein jQuery-Ereignis, das …
5
AngularJS: Die ng-repeat-Liste wird nicht aktualisiert, wenn ein Modellelement aus dem Modellarray gespleißt wird
Ich habe zwei Controller und teile Daten zwischen ihnen mit einer app.factory-Funktion. Der erste Controller fügt dem Modellarray ein Widget hinzu (pluginsDisplayed), wenn auf einen Link geklickt wird. Das Widget wird in das Array verschoben und diese Änderung wird in die Ansicht übernommen (die ng-repeat verwendet, um den Array-Inhalt anzuzeigen): …
2
$ apply vs $ Digest beim Testen von Anweisungen
Wenn ich eine Direktive habe, die auf den Status eines bestimmten Attributs im Bereich reagiert, und ich dieses Attribut in meinem Test ändern und überprüfen möchte, ob es korrekt reagiert, wie kann ich diese Änderung am besten durchführen? Ich habe beide Muster gesehen: scope.$apply(function() { scope.myAttribute = true; }); und …
6
Winkel ng-bind-html und Direktive darin
Plunker Link Ich habe ein Element, an das ich HTML binden möchte. <div ng-bind-html="details" upper></div> Das funktioniert. Jetzt habe ich auch eine Direktive, die an das gebundene HTML gebunden ist: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Aber die Direktive uppermit dem Div und dem Anker wird nicht bewertet. Wie bringe …
4
Rufen Sie eine Controller-Funktion aus einer Direktive ohne isolierten Bereich in AngularJS auf
Ich kann anscheinend keine Möglichkeit finden, eine Funktion für den übergeordneten Bereich innerhalb einer Direktive aufzurufen, ohne einen isolierten Bereich zu verwenden. Ich weiß, dass ich bei Verwendung eines isolierten Bereichs nur "&" im isolierten Bereich verwenden kann, um auf die Funktion im übergeordneten Bereich zuzugreifen. Die Verwendung eines isolierten …
2
Zugriff auf Attribute über eine AngularJS-Direktive
Meine AngularJS-Vorlage enthält eine benutzerdefinierte HTML-Syntax wie: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Ich habe eine Direktive erstellt, um sie zu verarbeiten: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); …
1
AngularJS: ngInclude vs Direktive
Ich verstehe nicht ganz, wann ich eine Direktive verwenden soll und wann es angemessener wäre, nginclude zu verwenden. Nehmen Sie dieses Beispiel: Ich habe einen Teil, password-and-confirm-input-fields.htmldas ist der HTML-Code zum Eingeben und Bestätigen eines Passworts. Ich benutze dies sowohl unter der Anmeldeseite als auch unter der Seite zum Ändern …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.