Tag: angularjs-directive
AngularJS Richtlinien sind ein Weg, um zu lehren HTML neue tricks durch die Erweiterung des HTML-Vokabulars. Richtlinien ermöglichen Ihnen das verwalten von DOM-Elementen in einem deklarativen Muster, befreien Sie von low-level-DOM-manipulation-Aufgaben.
Focusin-und focusout-Methoden funktionieren nicht in firefox
1 Antworten
Habe ich eine Liste wie diese: <ul class="tabs-dropdown"> <li><a href="/home">Home</a></li> <li> <a href="javascript:">French Alps</a> <div> <ul> <li><a href="/region/french-alps/about">About</a></li> <li><a href="/region/french-alps/properties">Properties</a></li> </ul> </div> </li> <li> <a href="javascript:">Swiss Alps</a> <div> <ul> <li><a href="/region/swiss-alps/about">About</a></li> <li><a href="/region/swiss-alps/properties">Properties</a></li> </ul> </div> </li> <li><a
AngularJS : Richtlinie watch Attribut-Ausdruck
1 Antworten
Ich soll eine Richtlinie zu beobachten, die Ergebnis einer Attribut-Ausdruck wie: <div scroll-if="test === selectedTest"></div> Damit Sie dann reagieren auf die änderung und navigieren Sie zu dem bestimmten element. Ich scheine zu kämpfen, um herauszufinden, wie ich
Die Verwendung von mehreren Richtlinien, die in erfordern mit Angularjs
2 Antworten
Habe ich die situation, wo ich muss den Zugriff auf mehrere Richtlinie controller-Methoden. Kann ich den Zugriff auf eine Methode von einer übergeordneten Richtlinie mit dem verlangen, etwa so: require:"^parentDirective" aber ich brauche auch einen Zugriff auf
Angularjs benutzerdefinierte Richtlinie für wählen Sie
1 Antworten
Ich bin erstellen einer benutzerdefinierten Richtlinie mit dem Namen "combo". ich übergeben ihm die Optionen aus dem Haupt-controller, aber ich brauche, um den gewählten Wert aus dem parent-controller. Szenario: Rendering: Ich habe ein array namens $Umfang.Felder enthält
AngularJS Direktiven: ng-click wird nicht ausgelöst, nachdem blur
6 Antworten
DEMO Betrachten Sie das folgende Beispiel: <input type="text" ng-model="client.phoneNumber" phone-number> <button ng-click="doSomething()">Do Something</button> .directive("phoneNumber", function($compile) { return { restrict: 'A', scope: true, link: function(scope, element, attrs) { scope.mobileNumberIsValid = true; var errorTemplate = "<span ng-show='!mobileNumberIsValid'>Error</span>"; element.after($compile(errorTemplate)(scope)).on('blur', function()
Fehler: [$parse:lexerr] Lexer-Fehler: Unerwarteter nächste Zeichen in den Spalten 26-26 [&] in Ausdruck [http://placehold.it/100x50&text=slide5]
1 Antworten
Ich bin neu in Angularjs. Ich bin versucht, zu definieren, eine Richtlinie zu machen, dass die Verwendung der Argumente, die verwendet werden in das custom-element in der folgenden maner.. Nennen wir die Richtlinie mit dem folgenden html-Code:
AngularJS benutzerdefinierte Richtlinie für eine ng-unbestimmt-Attribut auf Checkboxen
2 Antworten
Hier ist eine Richtlinie, mit der der Zustand der Checkboxen auf: .directive('ngIndeterminate', function() { return { restrict: 'A', link: function(scope, element, attributes) { attributes.$observe('ngIndeterminate', function(value) { $(element).prop('indeterminate', value == "true"); }); } }; }) Dann zum Beispiel
Benutzerdefinierte Winkel-Richtlinie, einschließlich einen Bindestrich im Namen nicht funktioniert
2 Antworten
Habe ich Folgendes geschrieben Winkel-Richtlinie hinzufügen wird der "required" - Attribut für alle Kinder: .directive("requireall", function($compile) { return { restrict: 'A', //only want it triggered for attributes compile: function(element, scope) { //Prevent infinite loop on compile element.removeAttr("requireall");
Eckig mit Typoskript und undefiniert injiziert service in der Richtlinie
1 Antworten
Ich versuche, auf Dienste aus der Richtlinie, aber Sie scheinen zu undefiniert, egal, was ich Tue. MyDirective.factory() sagt undefiniert, wenn die Initialisierung der Richtlinie. Undefiniert, auch (nicht überraschend) in den Konstruktor. Ich habe versucht zu tun, ähnlich
Winkel-Richtlinie nicht aktualisiert
2 Antworten
Ich bin mit einem Problem zu erneuern/aktualisieren einer Winkel-Richtlinie. Grundsätzlich gibt es eine Flagge-Schaltfläche, die einen asynchronen Aufruf zu server, und wenn es erfolgreich ist, ändern Sie die Eigenschaft userFlags, die verhindern soll, die Taste und ändern
Ist es möglich, mehrere Richtlinien auf der gleichen HTML-element?
1 Antworten
Ist es möglich, dass zwei unterschiedliche Richtlinien, die auf der gleichen HTML-element? <div directiveone directivetwo></div> oder wird verursachen, dass die scope-Probleme? InformationsquelleAutor Shamoon | 2013-10-14
Gewusst wie: Aktualisieren von Ng-repeat Mit AngularJs
2 Antworten
Ich bin erstellen einer Tabelle mit wenigen Daten. Ich don ' T wollen, laden Sie alle Daten auf einmal. Also ich erstelle eine Schaltfläche auf der Ansicht, wenn der Benutzer klicken Sie auf, dass buttoon dann traf
AngularJS .focus() funktioniert nicht innerhalb der link-Funktion
2 Antworten
Warum ist es so, dass wenn ich die folgende Anweisung funktioniert es: angular.module('app', ) .directive('selectOnFocus', function(){ return{ restrict: 'A', link: function(scope, element){ element[0].focus(); } }; }); Aber wenn ich es ausschalten, es sagt element.focus() ist keine Funktion.
AngularJs : Übergabe-parameter ng-klicken Sie auf die in der Richtlinie
1 Antworten
Habe ich eine Richtlinie, in dem ich bin hinzufügen einer Schaltfläche und ein ng-klicken Sie auf die Schaltfläche. Mein code für die Richtlinie ist AppDirectives.directive( 'feed', function() { return { restrict : 'AE', scope : { feedMsg
AngularJS ng-template-Richtlinie Nicht in routeProvider
1 Antworten
Ich bin versucht, mehrere teilschablonen in einer ng-view, aber die routeProvider Richtlinien werden immer versuchen für das abrufen der Datei von dem server (nicht den embedded ng-template). Habe ich Folgendes definiert ist in mein HTML: <script type="text/ng-template"
Wie wollen Sie überprüfen, ob & variable festgelegt ist in der Richtlinie
5 Antworten
In eine Richtlinie, wo Sie eine callback-Methode, die durch ein arg, sagen: <my-directive callback='showAlert()' /> Können Sie abrufen, die variable durch die Einstellung der Bereich in der Rückkehr: scope: { callback: "&callback" } Wenn der Rückruf nicht
In Angularjs kann ein controller verschachtelt innerhalb einer Richtlinie festgelegt, die ng-Modell von der Richtlinie?
2 Antworten
Ich habe eine Richtlinie, die verwendet ng-model-controller und wird es das Modell Wert aus der Steuerung drin ist, "myController". Ich bin mit transclude=true und ng-transclude. Dies ist eine Allgemeine Richtlinie, die will ich zulassen, dass meine Kollegen
Angular.js die Validierung. Programmatisch setzen Formularfelder Eigenschaften
1 Antworten
Ich versuche zum einrichten einer form-überprüfungs-Systeme mit eckigen wie folgt. Einer Fehlerklasse zugeordnet ist, wenn das Feld sowohl $invalid && $schmutzig. Dies funktioniert gut für einzelne Felder. Hier ist ein Beispiel-Feld. <div class="control-group" ng-class="getErrorClasses(schoolSignup.first_name)"> <label class="control-label" for="first_name">First
Anteil variable zwischen den Komponenten Winkel-1.5
1 Antworten
Habe ich eine eckige Komponente wie folgt einrichten: (function(angular) { 'use strict'; angular.module('bar', ) angular.module('bar').component('bar', { template: '<h1 ng-show="showMe">It worked</h1>', bindings: { showMe: '=' } }); })(window.angular); und ein anderes setup wie diesem (function(angular) { 'use strict';
Rückkehr formatierten String über AngularJS {{ }}
1 Antworten
Ich versuche zu bekommen eine formatierte Zeichenfolge durch eine Funktion, durch eine AngularJS {{ geschweiften Klammern }} in der HTML. In der HTML, die Sie haben: <center> {{italicsPlease()}} </center> Und in Ihrem AngularJS Javascript, müssen Sie diese
AngularJS - Verwendung von lokalen Variablen innerhalb der Richtlinie
1 Antworten
Ich habe Schwierigkeiten zu verstehen, wie die Richtlinien js-Bereich funktioniert. Ich meine, es sieht aus wie lokale Variablen, die in der Haupt-Richtlinie-Funktion geteilt werden, von allen Instanzen der Richtlinie. ZB. //HTML <ul> <li my-dir="1"></li> <li my-dir="2"></li> <li
ngPattern Bindung nicht funktioniert
3 Antworten
Möchte ich die Validierung einer Eingabe mit ngPattern basierend auf der Auswahl eines auswählen. Es funktioniert nach der ersten Auswahl, aber jede nachfolgende Auswahl erhebt nicht richtig binden. Hier ein jsFiddle für Referenz: http://jsfiddle.net/PLRf5/17/ <html> <head> <script
Wie beobachten Sie eine Objekt-Eigenschaft?
2 Antworten
Möchte ich-Attribut auf eine Richtlinie, die verwendet werden können, wie diese: <div my-dir="{items:m.items, type:'0'}"></div> In meinem Richtlinie kann ich diese in ein Objekt wie: function (scope, element, attributes, modelController) { var ops = $.extend({}, scope.$eval(attributes.myDir)); } Nun
Warum ist meine Richtlinie werfen "Fehler: $Injektor:unpr Unbekannten Anbieter"
2 Antworten
Habe ich arbeiten auf die Umgestaltung meiner Controller, Fabriken und Richtlinien für die empfohlene Angular-Stil-Guide für Winkel-Snippets. Ich habe die Controller und Fabriken arbeiten richtig mit dem neuen Stil, aber nicht den Richtlinien. Unknown provider: $scopeProvider <-
Split-String und setzen Sie dann in ng-repeat?
3 Antworten
Ich habe eine situation, wo die Bilder Namen für eine particlar post kommen in einem string: wie diese: **"i_name":"logo_v1_300px.png,logo_v1_140px.png,logo_v1_220px.png"** Ich muss aufgeteilt string und zeigen Sie, wie html(unten): <ul> <li><a href="#"><img src="images/photo2.png" alt=""></a></li> <li><a href="#"><img src="images/photo3.png" alt=""></a></li>
Wie kann ich prüfen, ob die Sichtbarkeit eines Elements mit der Prüfung von Winkel-Richtlinien?
1 Antworten
Ich versuche zu schreiben, einen einfachen test für meine angularjs Richtlinie. Die Richtlinie schließt eine div in einem anderen div schafft, ein zweites Kind zu zeigen, "LADEN" und wählt das Kind ist sichtbar $scope.ready. Also das original
Berufung Kind Richtlinie-Funktion von der übergeordneten Direktive in AngularJs
3 Antworten
So rufen Sie eine Methode definiert, in der Kinder-Richtlinie, innerhalb einer button-Klick-listener der übergeordneten Richtlinie. angular.module('editableDivDirective', ) .directive("editableDiv", function() { var directive = {}; directive.restrict = 'E'; directive.replace = 'true'; directive.scope = {}; directive.transclude = 'true'; directive.template
Wie filtern und aktualisieren ngtable Paginierung auf eine benutzerdefinierte fiter
2 Antworten
Möchte ich filter ngtable basierend auf Wert aus dropdown box. $scope.tableParams = new ngTableParams({ page: 1, //show first page count: 5, //count per page sorting: { name: 'asc' //initial sorting }, }, { total: tabledata.length, //length of
Wie Sie trigger-ng-änderung md-wählen Sie dies, wenn das Modell geändert wird?
1 Antworten
Ich bin mit der md-wählen und auslösen müssen bestimmte code, wenn der Wert geändert (Gebäude a Country/State selector). Ich habe es gut funktioniert, wenn ich den Wert ändern-durch die Kontrolle, aber ich brauche auch die Kontrollen spiegeln
AngularJS übergeben requestVerificationToken zu einem Dienst
3 Antworten
Ich würde gerne einen pass RequestVerificationToken, die erzeugt wird, indem ein Razor MVC-helper in meinem login-Formular, um eine AngularJS-service, dass ich getan haben, um das verwalten der Authentifizierung meiner Anwendung meine form ist folgende: <div ng-model="loginRequest" >
die Größe bar für sidenav in eckig-material-design.
3 Antworten
Gibt es eine Richtlinie in eckig material, um die Größe sidenav? Es ist ein sidenav zeigt die Liste der clients und der Rechte Bereich hat die Angaben des Mandanten. Ich versuche, fügen Sie ein begrenzungsbalken zwischen Ihnen.
AngularJS $watch-controller-variable, die von einer Richtlinie mit Rahmen
1 Antworten
Aus der Richtlinie, ich will, um änderungen zu verfolgen, um eine controller-Variablen, die mit $watch. Erstellt habe ich dieses jsfiddle. (https://jsfiddle.net/hqz1seqw/7/) Wenn die Seite geladen wird, den controller und die beiden Richtlinien $watch - Funktion wird aufgerufen,
Richtlinie : $beobachten, class-Attribut ändern, gefangen nur einmal
1 Antworten
Habe ich eine Richtlinie ändern der Formatvorlage ein div und möchte benachrichtigt werden $beobachten jedes mal, wenn die Klasse des Elements ändert. Das problem ist, dass es passiert in der Richtlinie Erzeugung, aber nicht nach. Hier ist
Angularjs+Typoskript Richtlinie zur Umsetzung $kompilieren
3 Antworten
Bin ich Probleme bei der Injektion $kompilieren in der folgenden Richtlinie. export class Element { public link(scope:dirScopeInterface, element:any, attrs:ng.IAttributes, formCtrl:ng.IFormController) { var attr = this.arrayJoiner(scope.standard, scope.attrs || {}, scope.ignore || {}); element.html(this.compiler(attr)); $compile(element.contents())(scope); } } Im moment
Benötigen Sie eine callback-nach dem filtern die Zeilen bei der Verwendung von ng-repeat zusammen mit dem filter in angularjs
1 Antworten
Ich bin mit angularjs ng-repeat, um füllen Sie die erforderlichen Daten in das datagrid. Something like this: <input type="text" placeholder="Search" ng-model="query"> <tr ng-repeat="item in items | filter:query"> <td>{{item.someData}}</td> <td>{{item.someOthrData}}</td> </tr> wenn ich geben Sie einige Abfrage-string zum
Angular.js inline-editing
3 Antworten
Ich versuche, den besten Ansatz für inline-editing mit angularjs. In meinem Fall ist es eine Art Daten-grid mit einer Schaltfläche "Bearbeiten". So ist es innerhalb von ng-repeat. Was ich gesehen habe Menschen tun, ist sowohl die tatsächlichen
Winkel - Übergabe-Variablen an die Richtlinie Anwendungsbereich
2 Antworten
Ich würde gerne ein Objekt übergeben, um die Richtlinie Umfang: JS: app.directive('validatePrice', function() { return { link: function(scope, el, attrs){ console.log(attrs.validatePrice); } }; }); HTML <button validate-price="{priceValid: {'disabled': 'disabled'}}">Checkout</button> wo priceValid ist ein boolescher aus dem Bereich
Update-image auf input src ändern angularjs
1 Antworten
Ich versuche, ein Foto zeigen, wenn jemand wählt es für eine Eingabe. Nun, ich könnte über simplyfying angularjs zu viel, aber ich hoffte, dass dieser code funktionieren würde. <div ng-app="app"> ... html stuff ... <div ng-controller="imgCtrl"> <input
Wie übergeben Objekt der Richtlinie durch Attribut in AngularJS?
3 Antworten
Möchte ich weitergeben Objekt (Referenz - zwei-Wege-Bindung) durch ATTRIBUT nicht durch den isolierten Rahmen. Wie kann ich dies tun? Da der code Balg-string übergeben statt Objekt: HTML <tr ng-form="rowForm" myDirective="{{row.data}}"> Richtlinie angular.module("app").directive("myDirective", function () { return {
Kann AngularJS Richtlinie pre-link-und post-link-Funktionen angepasst werden?
2 Antworten
Ich habe gesehen, viele Verweise auf AngularJS pre - und post-link-Funktionen in der Literatur über AngularJS. Ich bin mir nicht sicher aber, ob diese angepasst werden können oder internen Rahmen. In anderen Worten, als AngularJS Entwickler, kann
Kantig: Wie man Inhalte von einer custom div
1 Antworten
Ich möchte den Inhalt aus einer eigenen div-tag, ich habe versucht, verschiedene Möglichkeiten, es zu tun, funktioniert nicht gut. Hier ist ein Beispiel. Der Allgemeine Punkt ist, um den Inhalt abzurufen, die in der benutzerdefinierten Richtlinie-tags. und
Winkel - wiederverwendbare Dialoge
3 Antworten
Muss ich bauen einen dialog verwendet werden, mit jedem Element in der Liste der Elemente. Der dialog ist ziemlich das gleiche, unabhängig von der Sache, außer für die Werte der Felder, die offensichtlich Element abhängig. Die Richtlinie
Angularjs übergeben mehrere Argumente für Direktive ng-repeat
1 Antworten
Ich bin stecken in Zweifel ich habe html : Hier gibt es zwei Arten von Daten : post und person. Die json-für jeden hat die post array von Personen. Ich Wünsche abrufen die rating-Wert, dataCategory und id
Wie schreibt man eine AngularJS-Direktive, erstellt von DOM-Elementen, die in anderen Richtlinien?
1 Antworten
Schreibe ich einige ziemlich komplexe DOM-Manipulationen, die Sie sicher, testen Sie meine Fähigkeit zu schreiben sehr komplexe Richtlinien. Ich komme nicht über alle Beispiele (glaube ich jedenfalls), die zeigen, was ich gerne tun würde. Sagen wir mal
Gibt es eine Möglichkeit, pass den Anwendungsbereich der Richtlinie templateUrl: Funktion?
1 Antworten
Ich habe eine Richtlinie, an die ich rufe in einer Schleife. Jedes Element in der Schleife hat eine FieldTypeId Attribut, und je nach dem Wert von FieldTypeId, ich möchte tauschen Sie die URL der Vorlage. Ich fühle,
Angularjs, wie man Konstanten in controller
3 Antworten
Wie kann ich Konstanten im controller. angular.module('app').register.controller('navigationCtrl', function ($scope, navigationSvc, $STORAGE_KEY) { alert($STORAGE_KEY); $STORAGE_KEY ist konstant-variable. Ich will es bekommen ohne zu Spritzen. Ich will etwas wie: angular.constant('$STORAGE_KEY') InformationsquelleAutor Hai Bui | 2014-06-11
AngularJS-Direktive, verwendet das ursprüngliche element type-in-Vorlage
1 Antworten
Ich bin der Entwicklung von UI-und Typografie-basierte Richtlinien für Eckige. In solchen Fällen das element der Richtlinie angewandt wird, ist unbekannt - alles von einem div, span, h1, um eine h5. Der Grund für die Verwendung einer
Senden von Daten an den controller auf ui.wählen Sie eckige
1 Antworten
ich versuche, wählen Sie einen Wert aus der dropdown-Liste aus und bekomme die Daten von entsprach select id in angularJs ich kam mit angular-ui/ui-wählen Sie Richtlinien <ui-select ng-model="customer" theme="selectize"> <ui-select-match placeholder="Customer List">{{$select.selected.Name}}</ui-select-match> <ui-select-choices repeat="customer in customers |
Daten-Bindung in eine Richtlinie Vorlage
2 Antworten
Ich versuche zu bauen, die eine wirklich grundlegende Winkel-Richtlinie erzeugt einen "div" - das kann zwei Zustände: "an" und "aus". Habe ich naiv mit einer Implementierung, die Sie hier finden können: http://jsfiddle.net/wSz2f/ Ist die anfängliche Darstellung ist
Access-Richtlinie isolieren Umfang innerhalb transcluded Inhalt
3 Antworten
Ich bin mir nicht sicher, ob dies überhaupt möglich ist, aber ich bin im wesentlichen zu wollen, eine Umkehrung des '&' isolieren Umfang in AngularJS. Hier ist ein Plunkr unter Beweis stellen. Grundsätzlich habe ich eine benutzerdefinierte