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.
Bindung ngModel, um eine benutzerdefinierte Richtlinie
2 Antworten
So habe ich die Arbeit an diesem Thema für eine Woche jetzt und ich kann nicht scheinen, um meinen Kopf um diese ganze Richtlinie Sache. Ich habe gelesen, viele Beiträge ... Entmystifizierung Der Richtlinien Richtlinien Kompilierung, Pre-und
So erstellen Sie eine Richtlinie auf eine dynamische Vorlage in AngularJS?
7 Antworten
Wie kann ich erstellen Sie eine Richtlinie mit einem dynamischen template? 'use strict'; app.directive('ngFormField', function($compile) { return { transclude: true, scope: { label: '@' }, template: '<label for="user_email">{{label}}</label>', //append replace: true, //attribute restriction restrict: 'E', //linking method
ng-repeat code immer auskommentiert, wenn man von browser
1 Antworten
Sehe ich beim laden, dass das scope-element $scope.docDetails hat die notwendigen Daten. In der Ansicht, wenn ich die ng-repeat drucken info, sehe ich, dass es nicht angezeigt im browser. <body ng-controller="documentUploadController" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter"> <div class="container">
Die Verwendung der Symbole '@', '&', '=' und '>' in benutzerdefinierten Richtlinie Anwendungsbereich Bindung: AngularJS
5 Antworten
Ich hier viel gelesen habe über die Verwendung dieser Symbole in der Implementierung von benutzerdefinierten Direktiven in AngularJS aber das Konzept ist noch nicht klar für mich. Ich meine, was bedeutet es, wenn ich mit einer der
Fenster orientationchange-Ereignis in Eckige
3 Antworten
Gibt es eine Möglichkeit zu nennen, das orientationchange-Ereignis innerhalb eines AngularJS-Direktive? Derzeit arbeite ich mit Winkel-Mauerwerk und ich bin versucht, zu aktualisieren/refresh Mauerwerk, wenn die Ausrichtung des mobilen Geräts ändert. Habe ich gefunden, aber ich wundere mich,
Zugang AngularJs Richtlinie variable im controller
2 Antworten
Bin ich ein bisschen neu zu Angularjs. Was ich will ist, Zugriff auf "$Umfang.myVar" variable innerhalb " myController' - controller. Es wäre eine große Hilfe, wenn Sie eine Lösung anbieten können. JS: angular.module('myDirective', ) .controller('myController', ['$scope', function
Angular-Translate Verwenden, die mit der Richtlinie
1 Antworten
Hier fiddle link .... Ich bin versucht, zu aktualisieren, den Inhalt der Richtlinie mit $translate und über den controller. Es ist eine andere Allgemeine Möglichkeit, das gleiche zu tun(link in der Richtlinie?? ) .Wenn ich Sie benutzen
Hinzufügen & löschen der zusätzlichen Klasse auf meinem "element-tag"
3 Antworten
Ich bin lernen Angular.js und auf den ersten Blick dachte ich, es war einfach. :P. Aber ich bin hier hängengeblieben. Was ich will ist das hinzufügen einer anderen Klasse auf meiner <.a>(Anker) - Tags. Mein HTML-Code: <a
AngularJS - Modulformen mit Richtlinien
1 Antworten
Eigentlich hatte ich diese Frage gestellt hier, aber ich glaube, ich habe vor mich und machte es komplizierter, als es wirklich ist, also bin ich wieder gefragt, es hier mit einem etwas klareren Wortlaut. Wie erstellen Sie
AngularJS set-element mit fester position basierend auf einem anderen element
1 Antworten
Diese app nimmt ein Bild, das ist ein wichtiger hintergrund-oder Arbeitsbereich. Ich muss hinzufügen, input-text-Feldern in diesem Arbeitsbereich, für den konkreten Koordinaten (oben, Links, Breite, Höhe). Diese Koordinaten werden würde, relativ zum Bild (oben/Links = 0/0). Wie
AngularJS ng-ziehen
2 Antworten
Ich bin neu in AngularJS und ich haben ein bisschen Druck auf das aktuelle Projekt, deshalb Frage ich ja hier. Sehe ich, dass AngularJS hat ng-Ereignis dragstart ( http://docs.ng.dart.ant.c-k.me/angular.directive/NgEventDirective.html ), aber es scheint nicht zu funktionieren. Auf
Angularjs: Wie zum senden von Daten von einer Ansicht zu einer anderen Ansicht
4 Antworten
Ich bin das senden der Daten von einer view zu einer anderen view in AngularJS. In eine Seite Suche ich die Daten mit bestimmten Benutzer-id, und es zeigt mehrere Ergebnisse in der Antwort. Dann, indem Sie den
Mit bootstrap-datetime-picker mit AngularJS
3 Antworten
Mein Projekt braucht datetime-so fand ich (Meridian-Format) bootstrap-datetimepicker das scheint ziemlich gut, aber ich bin nicht in der Lage, es zu benutzen alles, was ich Tat in meinem code ist <div class="control-group"> <label class="control-label">Date</label> <div class="controls"> <div
AngularJs ng-if-Funktion aufrufen, die von den gleichen controller funktioniert nicht
1 Antworten
<div ng-repeat=" x in z"> <div ng-if="function(x).y" > display this </div> </div> Im obigen code die ng-if-Funktion(x) ist nicht immer genannt, ohne zu aktualisieren. Bitte überprüfen und schlage vor, wenn ich bin, fehlt jede Sache ? Können
AngularJs: Warum hat scope in meinem Richtlinie nicht aktualisiert, wenn async-Daten ankommen?
3 Antworten
Ich habe eine Richtlinie mit isolieren, der Umfang nimmt eine scope-variable per Referenz angular.module('myApp') .directive('myDirective', function() { return { scope: { items: '=' }, templateUrl: 'template.html', replace: true, controller: 'myDirectiveCtrl', controllerAs: 'ctrl' }; }) .controller('myDirectiveCtrl', function($scope) {
Wie re-Rendern eines templates in eine AngularJS-Direktive?
6 Antworten
Habe ich erstellen Sie eine Richtlinie, die generiert Twitter-Schaltflächen. Da die scope-Variablen, die auf diesen Tasten ändern kann, muss ich neu erstellen die Taste Los, wenn es passiert. Derzeit bin ich mit Hilfe von jQuery zu empty()
Winkel-Richtlinie für custom select/dropdown
1 Antworten
Ich versuche zum erstellen einer Richtlinie main benutzerdefinierte Komponente auswählen, die verschiedene Arten von Daten. z.B. Land-Daten, Optionen, Daten, etc. Die Sache ist, dass ich nicht weiß, was ist die 'Winkel-Weg" zu tun, da Frage ich mich,
Angularjs ng-Tabelle mit AJAX Datenquelle Sortieren und filtern
3 Antworten
Ich versuche, gelten die ngTable Richtlinie zu meiner Rails-app, aber nicht bekommen kann es richtig. Ich bin noch ein newbe in Winkel-und diese Richtlinie scheint sehr schlecht dokumentiert ist (obwohl hat eine Vielzahl von schöne Beispiele). Also
scope.$Uhr in der Richtlinie-link-Funktion nicht immer aufgerufen
2 Antworten
Habe ich diese Fabrik, .factory('authentication', [function() { return { loginRequired: false }; }]); Ich diesen controller haben, .controller('TopNavCtrl', ['$scope', 'authentication', function($scope, authentication) { $scope.login = function() { authentication.loginRequired = true; }; }]); und ich habe diese link-Funktion
ng-repeat und ng-controller auf der gleichen DOM-element
2 Antworten
Können wir anfügen ng-controller und ng-repeat auf der gleichen DOM-element? Fiddle Hier ist der HTML: <table> <tbody ng-controller="UserController" ng-repeat="user in users" ng-click="toggleSelectedUser()" ng-switch on="isSelectedUser()"> <tr> <td>{{user.name}}</td> <td>{{user.email}}</td> </tr> <tr ng-switch-when="true"> <td colspan="2"> {{user.desc}} </td> </tr> </tbody> </table>
AngularJS-Direktive nicht mit der Vorlage
3 Antworten
Hier ist mein AngularJs-Direktive. Seine " erwartet, um zu zeigen, das div in der Vorlage aber nichts gezeigt, während der code ausgeführt wird. Hier ist der html - <div ng-app="SuperHero"> <SuperMan></SuperMan> </div> Hier ist der AngularJS-Direktive var
angularjs benutzerdefinierte bestätigen-box
7 Antworten
So, ich bin versucht zu implementieren eine benutzerdefinierte bestätigen-box mit Winkel. Im Idealfall würde ich einfach gern ein Attribut hinzuzufügen um die Funktionalität zu aktivieren. Beispiel: <button type="button" ng-click="delete(foo)">Delete</button> -> <button type="button" ng-click="delete(foo)" ng-confirm="Are you sure you
übergabe Objekt an angularjs-Direktive aus dem controller
1 Antworten
Versucht in meinen Kopf zu kriegen AngularJS Direktiven. Ich brauche das übergeben eines vollständigen Objekts von meinem Haupt-controller der Richtlinie. Siehe code unten und jsfiddle: http://jsfiddle.net/graphicsxp/Z5MBf/4/ <body ng-app="myApp"> <div ng-controller="MandatCtrl"> <div person myPerson="mandat.person"></div> <span>{{mandat.rum}}</span> <span>{{mandat.person.firstname}}</span> </div> und
Update controller Anwendungsbereich der Richtlinie
2 Antworten
Ich bin die Schaffung wiederverwendbarer UI-Komponenten mit AngularJS Direktiven. Ich würde gerne einen controller enthält meine business-Logik mit den verschachtelten Komponenten (Richtlinien). Ich will, dass die Richtlinien in der Lage sein zu manipulieren eine einzige Eigenschaft, auf
Angularjs - hinzufügen/entfernen von dynamischen html-Elemente (dropdown)
2 Antworten
hier ist mein code- http://plnkr.co/edit/oTWXbLIKOxoGTd4U0goD?p=preview warum ist die Tage dropdown keine Daten binden mit scope.demoDays ist es immer leer? ist das der richtige Weg, um dropdown dynamisch? Wenn der Benutzer fügt 5 dropdown-Liste auswählen, wie die Ergebnisse
Erstellen weiterlesen-link in AngularJS
4 Antworten
Möchte ich einen link erstellen, mit Lesen, mehr text. wenn es mehr als 3 Zeilen in einem Absatz dieser link sollte gut sichtbar sein und ein Klick darauf zeigt alle anzeigen der Linien. OK, gut zu wissen.
AngularJS-Direktive mit der Methode von außerhalb aufgerufen
3 Antworten
Ich erstellt eine Richtlinie mit einer Methode, die aufgerufen werden soll von anderen Elementen, die nicht Teil der Richtlinie. Aber wie es aussieht, ist diese Methode nicht ausgesetzt. Einige Beispiel-jade-code zu klären: //- a controller for the
AngularJS: Schutz der Routen mit angularjs, je nachdem, ob der Benutzer berechtigt ist?
2 Antworten
Ich habe gerade angefangen zu arbeiten mit einer AngularJS app, die ich entwickle, es geht alles gut, aber ich brauche eine Möglichkeit zum Schutz von Strecken, so dass einem Benutzer nicht erlaubt zu gehen, dass die route,
Zugang zu benutzerdefinierten filter aus einem Winkel-Richtlinie mit isolieren Umfang
2 Antworten
Habe ich definiert einen benutzerdefinierten filter und eine Richtlinie mit einer isolieren, Umfang und ich kann nicht herausfinden, warum die Richtlinie über den Zugang zu den benutzerdefinierten filter aus, wenn ich noch nicht injiziert es in der
angularjs - Kopie gemeinsamen Eigenschaften von einem Objekt auf ein anderes
3 Antworten
Habe ich einen controller wie diesen: CheckoutController = function() { $scope.Profile = { firstname : 'Ruchir', middlename : 'Shakun', lastname : 'Gupta', email : '[email protected]', cellphone : '9876543210' } $scope.BillingDetails = { firstname : undefined, middlename :
AngularJS benutzerdefinierte Direktive $ - Uhr funktioniert nicht
1 Antworten
Ich bin erstellen einer demo-Anwendung mit zwei Controller kommunizieren über einen Dienst mit Daten. Es ist eine Art von Kontakte Buch. Ein Benutzer kann Bearbeiten ausgewählte person aus der Liste aus. Werden die Daten in einen array
AngularJS/UI-Bootstrap - Ausblendung Alarm auf entfernen
2 Antworten
Ich bin mit Eckig mit UI Bootstrap. Ich habe die benutzerdefinierte Richtlinie, die schiebt ausgestrahlt alerst in die Reihe von Warnungen, die verpflichtet sind, die anzeigen (Rendern als Bootstrap alerts). Nach der gewissen Zeit die Warnungen kommen
angularJs benutzerdefinierte Richtlinie nicht, dass die Arbeit mit templateUrl
1 Antworten
Ich bin neu in AngularJs. Ich Schreibe meine benutzerdefinierten Winkel-Richtlinie enthält eine Vorlage für html-Inhalt. Wenn ich die Vorlage mit dem folgenden code funktioniert es einwandfrei. demoApp.directive('demoCarousel', function() { return { restrict: 'E', replace:'true', template: "<h1>This is
Holen Sie sich das erste Kind in AngularJS Richtlinie
4 Antworten
Ich bekommen wollen, und ändern Sie das erste untergeordnete Element des angegebenen Elements in einem Winkel-Richtlinie. <div class="wanted"> </div> <div class="not-wanted"> </div> <div class="not-wanted"> </div> Ich habe bereits versucht elm.children('.wanted') aber dann ist meine Richtlinie ändert alle
wie lange Presse-event in angular js?
3 Antworten
Ich versuche lange Presse-event in angular js .Ich fand die Lösung von hier https://gist.github.com/BobNisco/9885852 Aber ich bin nicht in der Lage zu bekommen, melden Sie sich auf Konsole .hier ist mein code. http://goo.gl/ZpDeFz könnten Sie mir bitte
Ng zeigen, wenn die variable eine Zahl ist
3 Antworten
Möchte ich anzeigen ein element nur, wenn ein Wert eine Zahl ist. Wie Sie dies tun? Ich habe versucht : ng-show='angular.isNumber(10)' ng-show='isNumber(10)' InformationsquelleAutor Sebastien | 2013-12-02
Holen Sie sich die Aktuellen Controller-Namen in AngularJS
2 Antworten
Bin ich zu schreiben versucht, eine Richtlinie, die erzeugen ein raster. Der folgende code funktioniert, aber ich habe zu geben Sie den controller-Namen 'DemoCtrl'. Ist es möglich, zum abrufen der aktuellen controller-Namen aus, in der Richtlinie, so
AngularJS bekommen $Ereignis aus einer Richtlinie
1 Antworten
Scheint ziemlich einfach, aber ich kann Sie nicht $event zu sprudeln aus meinem Richtlinie. Wenn test aufgerufen wird, wird von cb-click, $event ist nicht definiert, aber außerhalb der Richtlinie (über html), es ist das event-Objekt. Wenn ich
AngularJS 1.5+ - Komponenten unterstützen nicht das Watchers, was die Arbeit um?
7 Antworten
Ich habe seit der Aktualisierung meiner benutzerdefinierte Richtlinien, um die neue Komponenten-Architektur. Ich habe gelesen, dass die Komponenten nicht unterstützen watchers. Ist das richtig? Wenn ja, wie hast du die Veränderungen erkennen, die auf ein Objekt? Ein
Fügen Sie Artikel zu einem Warenkorb in AngularJS
2 Antworten
Winkel-Anfänger hier. Ich versuche, erstellen Sie einen Warenkorb für college. Ich muss hinzufügen, name und Preis in einem text-input und nach dem Klick auf eine Schaltfläche, wird das Element soll zu einer Liste Hinzugefügt werden. Die Sache
Wie übergibt man einer Funktion ein Verweis in einer rekursiven Richtlinie in Eckige?
2 Antworten
Habe ich diese Richtlinie: app.directive('recursiveListItem', ['$http', 'RecursionHelper', function ($http, RecursionHelper) { return { restrict: 'E', scope: { parent: '=', onNodeClick: '&', }, compile: function (element, attributes) { return RecursionHelper.compile(element); }, template: '<div class="list-group-item-heading text-muted parent "> \
So blenden Sie eine Registerkarte in Angular Bootstrap UI mit ng-show/ng-hide
2 Antworten
Ich bin mit Angular Bootstrap UI zu zeigen, ein tabset. Das Skript, das ich enthalten ist ui-bootstrap-tpls-0.6.0.min.js und einige template-html-Dateien. hier ist mein markup: <tabset> <tab ng-hide="!hideme"> <tab-heading> tab1 </tab-heading> <div> tab content 1 </div> </tab> <tab
Angular2 n - immer invalid argument [object object] ... für Rohr 'AsyncPipe'
1 Antworten
Erhalte ich eine Fehler-Anzeige er Ergebnisse meiner service-Aufruf. Die html-Seite hat eine ngFor mit der | async. Ich kann die nennen, die Ergebnisse zu erhalten, aber erhalten Sie eine Fehlermeldung beim Versuch die Seite zu Rendern. Ich
AngularJS Richtlinie nicht zeigen, bis auf die Vorlage
5 Antworten
Ich habe ein winziges problem mit einer angular Direktive, die jetzt arbeiten, und ich weiß nicht, warum. Ich denke, es ist ein ziemlich einfaches Problem, das ich im Blick, vielleicht können Sie mir helfen. Richtlinie ist wie
AngularJS - Ist es möglich, ändern Sie den Wert von ngModel-Attribut für die Richtlinie im link oder kompilieren?
2 Antworten
Ich versuche, erstellen Sie eine Richtlinie hinzufügen wird ein ngModel Attribut zu einem tag basiert auf dem Attribut-Wert. Zum Beispiel: angular.module('myModule'). directive('myDirective', function() { return { link: function(scope, elem, attrs) { var modelName = 'myPrefix.' + attrs.name;
Zwingen IE-Kompatibilitätsmodus ausschalten im IE mit Hilfe von tags für browser-Modus
1 Antworten
Bin ich mithilfe von html5 mit angularJs über folgende tag - Diese Ergebnisse im Browser-Modus " des IE8 Compat-und Dokument-Modus auf IE8-Standards. <!doctype html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="myApp"> <meta http-equiv="X-UA-Compatible" content="IE=8" /> Diese Ergebnisse im Browser-Modus="IE8 Compat"
Angular.js return-Wert aus der Richtlinie controller
1 Antworten
Ich habe ein problem mit der Richtlinie. Ich fand dieses plugin: http://allensarkisyan.github.io/VideoFrame/, jetzt habe ich das plugin-Implementierung in meinem controller: HTML <div class="row" ng-controller="searchDetailCtrl"> <section id="videoContainer"> <video id="videoPlayer" width="100%" controls src="asset/tc3.mp4" type="video/mp4"> </video> </section> <section id="videoControls"> <div
Wie aktualisiert ngModel s $modelValue auf der Grundlage der $viewValue update von Benutzereingaben
1 Antworten
Sagen, ich habe die folgende Richtlinie: myApp.directive('myDirective', function() { return { restrict: 'A', require: 'ngModel', scope: { ngModel: '=' }, link: function(scope, elem, attrs, ngModelCtrl) { scope.$watch('ngModel', function() { ngModelCtrl.$modelValue = 'foo'; }); } } }); Und
Hören Sie für den form-submit-Ereignis die in der Richtlinie
4 Antworten
Ich hören wollen, für die form der Einreichung in einer Richtlinie. Sagen, dass ich eine Richtlinie wie diese: app.directive('myDirective', function () { return { restrict: 'A', require: '^form', scope: { smth: '=' }, link: function (scope, el,
Winkel-bootstrap Zusammenbruch Tabellenzeile animation nicht den übergang reibungslos
2 Antworten
Ich in ein Problem mit angular-bootstrap Zusammenbruch Richtlinie und CSS-Dateien. Im Grunde, wenn Sie die Richtlinie "Kollaps" zu einem div funktioniert es einwandfrei. Aber wenn Sie versuchen, erweitern/reduzieren eine Zeile in der Tabelle scheint es einige Probleme