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.
Angularjs $Beleg[0].activeElement statt $Dokument.activeElement
2 Antworten
Schreibe ich ein Platzhalter-Richtlinie Verwendung von angularjs. Auf den click-handler, ich möchte, um zu überprüfen, ob die element-und Dokumentebene.activeElement sind die gleichen. Habe ich versucht zu verwenden $docuemnt.activeElement für das, aber es war immer undefined. Aber wenn
UPDATE: Responsive images in AngularJS
2 Antworten
Original-Ausgabe für die Nachwelt (siehe updates) Habe ich eine Angular.js website ich Baue mir aus zu reagieren. Ich wollte getrennte Auflösung für verschiedene browser-breiten sowie. So, ich stolperte über Picturefill.js, die scheint, wie es perfekt funktionieren würde.
if-Anweisung in ng-repeat-Direktive in AngularJS
1 Antworten
Habe ich die Vorlage: <div ng-repeat="CableFilterName in CableFilterNames"> <fieldset> <legend>{{CableFilterName.filterName}}</legend> <ul id=""> <li ng-repeat="filterValue in CableFilterName.filterValues"> <input type="checkbox"/> {{filterValue}} <!-- <select> --> </li> </ul> </fieldset> </div> wo filterValue in verschachtelten ng-repeat hat verschiedene Werte. Also Frage ist,
Fügen Sie der Tabelle Spalten, die dynamisch mit Angular.js
1 Antworten
Ich versuche zu verwenden Angular.JS dynamisch Spalten hinzufügen, um eine html-Tabelle. Es beginnt mit einem Satz von Daten, und ich möchte, um zusätzliche Daten auf Klick. Ich bin neu zu Eckig, und aus diesem plunker um zu
Richtlinie nicht, dass die arbeiten im inneren <tr> das ist der ng-repeat gebunden
2 Antworten
Ich habe eine Tabelle, wo die Zeilen werden wiederholt über ng-repeat. Ich versuche eine Vorlage zu erstellen, erzeugt Spalten <td> für jede Zeile <tr> app.directive("customtd", function(){ return { restrict: 'E', template: "<td>{{position.Name}}</td><td>{{position.Code}}</td>", replace: true, scope: { position:
Ionic-Liste: streichen Sie zu entfernen?
2 Antworten
Gibt es keine Möglichkeit zur Umsetzung der "swipe-to-remove" (wie in der Android task-Bildschirm) - Funktionalität mit "ion-Liste"? Habe ich gefunden "kann-swipe" - Richtlinie, die erlaubt, fügen Sie einige Schaltflächen, die erscheinen, unter teilweise geklaut Element, aber das
AngularJs überschreiben tooltip von bootstrap.css-Stil
1 Antworten
Ich bin mit AngularUI-Tooltip in einer Richtlinie wie unten beschrieben. app.directive('customTooltip', function($compile) { return { link: function(scope, element, attrs) { var config = scope.$eval(attrs.appsTooltip); var htmlText = '<img src=\'../../../images/help_on.jpg\' tooltip="' + config.message + '" tooltip-placement="' + config.placement
Wie animieren Sie das Menü öffnen/schließen in AngularJS
2 Antworten
Ich bin versucht zu bestimmen, den 'richtigen' Weg, um dieses problem zu lösen. Ich habe ein Menü mit sub-Menü. Ich möchte animieren (mit jQuery-übergängen) ein slide-up & ein slide-down-Effekt, wenn meine route ändert. Ich verstehen, ich sollte
Wie kann ich passiere ein ng-wiederholten Objekt, um meine AngularJS-Direktive?
2 Antworten
Werfen Sie einen Blick auf meinen code hier... Controller ("Aufgaben" ist ein array von JSON-Objekten aufgelöst in meine Routes.js): app.controller('testCtrl', function(tasks){ $scope.tasks = tasks.data; }; HTML: <div class="client-wrapper"> <div class="task-wrapper" ng-repeat="taskData in tasks"> <div task="taskData"> </div> </div>
Wie Baue ich ein widget zum einbetten in websites Dritter mit AngularJs?
2 Antworten
Ich würde gerne eine angularjs-widget eingebettet werden können, die in Drittanbieter-websites mit minimalem code wie <script src=mywidget.js type=...></script> <div id="mywidgetContainer"></div> oder ähnliches. Fand ich einige Ressourcen, wie dieser Artikel auch für die Entwicklung von widgets mit jquery
Eckige tabs sortierbar/beweglich
4 Antworten
Gibt es irgendwelche Angular JS Registerkarten Richtlinien, die es ermöglichen, neu zu ordnen Sie (wie ein browser-tabs) Wenn nicht mit der Umsetzung beginnen wäre toll Mit angular-ui-bootstap <tabset> <tab ng-repeat="tab in vm.tabs" active="tab.active" sortable-tab> </tab> <tab disabled="true"
Fragezeichen in AngularJs Richtlinie
1 Antworten
Habe ich einige Richtlinie mit Fragezeichen ('?') in den Anwendungsbereich Eigenschaften definition etwa so: app.directive('userInfo', function() { return { restrict: 'A', scope: {prop: '=?'}, templateUrl: 'some/template/url', }; Ich gesucht habe und nur denke, dass ich sah, war
AngularJS : Richtlinie Umfang der Vererbung
1 Antworten
Vorwort Wenn ich erkläre eine Richtlinie, die unter einer Steuerung, z.B. <div ng-controller="MyController"> <my-directive></my-directive> </div> die Richtlinie erbt, die controller Gültigkeitsbereich standardmäßig. Dies bedeutet, wenn der controller definiert $scope.Heaven = "Free Beer" dann habe ich den Zugang
Verschachtelte Richtlinien und übergeordneten Bereichen
1 Antworten
Ich habe das problem das sein kann, sehen Sie auf http://jsfiddle.net/miketheanimal/2CcYp/13/ Diese Streifen nach unten mein problem auf ein minimum. Ich habe einen controller "main", eine Richtlinie "äußeren", die transclude ist, und eine Richtlinie "innere", das nicht.
Argumente aus der Richtlinie zur controller-Funktion
1 Antworten
Habe ich gesehen, viele dieser Fragen, aber habe noch keine Lösung gefunden, die funktioniert. hier ist ein Turnschuh, das funktioniert nicht, sollte aber. http://jsfiddle.net/cdparmeter/j2K7N/2/ Controller: $scope.foo = function (textArray) { console.log(textArray) }; Richtlinie: return { restrict: 'E',
wie " Warnung anzeigen, wenn Benutzer einen Bildlauf nach oben von div in angular js?
3 Antworten
Hallo, könnten Sie bitte, wie Sie " Warnung anzeigen, wenn nach oben der div in angular js und der gleichen, wenn Benutzer einen Bildlauf zum Ende .Eigentlich weiß ich, Wie das zu erreichen ist dies in jquery
Nicht center AngularJS von Google Map / Verwendung von AngularJS von Google Maps API
2 Antworten
Bin ich offen Google Maps für AngularJS und dachte, es könnte ein guter Ansatz für die Arbeit mit google maps auf einem mobilen cross-device app (ich bin mit dem Ionic-Framework). Ich möchte zum laden von Standorten aus
angularJS-element.auf Callbacks und scope.$bewerben
2 Antworten
In diesem Beispiel habe ich einen Eingang mit einem beigefügten Richtlinie. Die Richtlinie gemeint ist, die zum anzeigen von Nachrichten neben dem Eingang. Es gibt eine andere Eingabe und eine Schaltfläche zum hinzufügen von Nachrichten. Nachdem einige
setzen Sie den Fokus auf die textarea in eine eckige Richtlinie
2 Antworten
Ich habe eine Richtlinie, die in-place-Bearbeitung. In seiner link - Funktion habe ich eine Uhr haben soll, setzen Sie den Fokus auf das Textfeld beim Bearbeiten eingeschaltet ist: $scope.$watch('view.enabled', function(value) { if (value) { var element =
AngularJS - Andere Vorlage, die in der Richtlinie
3 Antworten
Ich habe ein Formular basierend auf twitter bootstrap, jeder Bereich hat seine eigene Konfiguration //controller (the template shows this in ng-repeat $scope.fields = [{name:"f1", label:"Field 1", with_button: false}, {name:"f2", label:"Field 2", with_button: true}] Ich versuche, um eine
Angular Google Maps Info Window HTML
3 Antworten
Habe ich integrierte Winkel-google-maps (http://angular-google-maps.org/) mit meinem ionic framework-Anwendung.. Alles ist wirklich glatt, aber ich bin vor einige Probleme mit dem Infofenster.. Das Fenster zeigt sich richtig, aber die ng-klicken Sie ein Ereignis in eine Schaltfläche auf
E-Mail-Formular-Validierung ein zu einer Zeit
3 Antworten
Ich versuche, umzusetzen form der überprüfung für eine E-Mail-Feld. Sollte die Validierung wie folgt: Überprüfen, ob E-Mail eingegeben wurde, über required-Attribut und eine Meldung angezeigt, wenn keine E-Mail eingegeben wurde Überprüfen, ob die E-Mail hat ein Falsches
Wie zu verwenden eckig.element-find-Funktion zum suchen anhand von JQuery-Selektor ?
1 Antworten
describe("create a simple directive", function () { var simpleModule = angular.module("directivesSample", ); simpleModule.controller('Ctrl2', function ($scope) { $scope.format = 'M/d/yy h:mm:ss a'; }); simpleModule.directive("myCurrentTime", function ($timeout, dateFilter) { return function (scope, element, attr) { var format; var timeoutId;
Angularjs ng-repeat erstellen mehrerer Formen
4 Antworten
Verwendung von ng-repeat ich bin die Schaffung Reihe von Formen mit Werten in es. Mit jedem Formular gibt es auch den button zum hinzufügen von Zeilen auf das jeweilige Formular mit neuen Feldern. Code ist unten HTML:
Wie dynamisch deaktivieren, ui-sortable-Richtlinie in angular-ui
4 Antworten
Ich bin mit angular-ui sortable mit dem ui-sortable-Richtlinie. Ist es möglich, dynamisch zu aktivieren/deaktivieren, Sortier-Funktionalität basierend auf dem Umfang Zustand? Also brauche ich eine Schaltfläche die änderungen der Zustand der scope-Eigenschaft und je nach dieser Eigenschaft sortierbar
So aktualisieren Sie einen Knoten oder Kante-Eigenschaft visjs mit angularjs?
1 Antworten
Habe ich eine Anforderung zum ausblenden oder einblenden von Knoten und Kanten je einige Daten. Ich kann es erreichen durch das Durchlaufen durch visjs die Daten aber, die auslösen, dass die Stabilisierung jedes mal, wenn einer blendet
Einstellen der Werte im multi-select-isteven von angular js
2 Antworten
Ich versuche, Angularjs multi-select in mein Projekt. Den folgenden html-ist mein multi-select-div. <div multi-select input-model="marks" output-model="filters.marks" button-label="name" item-label="name" tick-property="ticked" selection-mode="multiple" helper-elements="all none filter" on-item-click="fClick( data )" default-label="Select marks" max-labels="1" max-height="250px" > </div> Ich weiß, dass ich verwenden
Anzeige pdf-Dokument in eine Ionische app
2 Antworten
Im entwickeln einer app mit ionic framework und den brauche ich zur Anzeige einer pdf-Datei. Ich habe viel gelesen im internet und fand diese Richtlinie zu verwenden https://github.com/winkerVSbecks/angular-pdf-viewer Das problem ist, dass ich Probleme mit dem integrieren
Mit bootstrap-datepicker mit eckigen xeditable
2 Antworten
Ich habe eine Tabelle und ich möchte hinzufügen, in-line Bearbeitung der Tabelle. Angefangen habe ich mit ng-Netz, jedoch habe ich beschlossen, dass, während es gut funktionierte, war ich verbringen zu viel Zeit versucht zu reparieren, das styling
Wie mache ich Spritzen ein mock-Abhängigkeit in eine eckige Richtlinie mit Jasmin Karma
1 Antworten
Habe ich die folgende Richtlinie: function TopLevelMenuDirective ($userDetails, $configuration) { return { restrict:'A', templateUrl: staticFilesUri + 'templates/TopLevelMenu.Template.html', scope: { activeTab: '=' }, link: function (scope, element, attributes) { var userDetails = $userDetails; if ($userDetails) { scope.user =
Wie hide <td>s in angularjs in bestimmte Zeilen bei der Verwendung von ng-repeat
2 Antworten
Ich habe eine Tabelle und viele <td>s im ersten <tr> </tr> ich bin mit ng-repeat <tr ng-repeat="receipt in $data"> <td data-title="voucher number"> <span>{{receipt.voucher_no}}</span> </td> <td data-title="voucher date" sortable="'voucher_date'" filter="{'voucher_date': 'text' }"> <span>{{receipt.voucher_date}}</span> </td> <td data-title="voucher Amount"> <span>{{receipt.voucher_amount}}</span>
Angular js - Highlight, der dom, wenn der Wert ändert
3 Antworten
Winkel-noobie hier. Ich würde gerne wissen, was ist der beste Weg zur Veränderung des dom-wenn ein Wert in die scope-änderungen, die mit einigen Mitteln. Ich habe gelesen, dass es nicht gut um die dom-manipulation Logik in die
Ausführungsablauf einer Richtlinie in angular js und mit seinen Attributen
2 Antworten
Hallo, ich würde gerne wissen, die Schritte, die bei der Ausführung von Weisungen und einige grundlegende Informationen darüber, wie die Verarbeitung erfolgt, wäre dies sehr hilfreich für die weitere Anpassung der Richtlinien und nutzen seine Funktionen... ich
So Ändern Sie die Farbe des Fortschrittsbalken Winkel-Richtlinie
2 Antworten
Ich integrieren möchten, Winkel-Fortschritt-Richtlinie in meiner Anwendung. Ich fand Fortschrittsbalken Richtlinie, die lösen den Zweck, aber ich bin nicht in der Lage, um die Farbe der Fortschrittsanzeige. Ich möchte Ihnen, benutzerdefinierte Farbe für den Fortschrittsbalken. Hat jemand
Kompilieren Richtlinien über den service in angularjs
1 Antworten
Ich versuche zu kompilieren Richtlinie über angular-service, aber leider funktioniert es nicht. Die Idee ist, zu zeigen, Fehler in pop-UPS. Habe ich geändert $exceptionHandler service: crm.factory('$exceptionHandler', function(popup) { return function(exception) { popup.open({message: exception}); } }); Den popup
AngularJS-laden-Meldung/bitte warten
3 Antworten
Wie kann ich Folgendes erreichen Sie in AngularJS: Wenn ich meine Seite wird zeigen, dass einige widgets und jedes widget hat eine Schaltfläche mit der Bezeichnung aktualisieren. Wenn der button angeklickt wird, dann wird der Inhalt des
Unterschied zwischen on-change-und ng-change
1 Antworten
Unten ist eine ziemlich einfache setup für ein Formular-Dropdown-Liste. Jedoch, die on-change Veranstaltung weigert sich, zu feuern... es sei denn, es ist geändert ng-change. Dieser hatte mir steckte für etwa eine Stunde, da wir das gleiche setup
Eine Einfache Uploader mit AngularJs (mit CORS-Implementierung)
1 Antworten
Kürzlich hatte ich das schreiben einer einfachen uploader (wiederverwendbar) mit AngularJs, während, halten meine API in separaten Ort, und schließlich schrieb man mit blueimp jQuery File Uploader und machte lil Anpassung. Ich Dachte, es wäre toll, zu
wie man die angularjs-scope-id
1 Antworten
bezogen zu dieser Frage angularjs: Richtlinie erstellt zwei untergeordneten Bereich. Wie ist es möglich, den scope-id in Frage. d.h. die Umfang (003), Umfang (004) etc Verwenden Sie eckige.element("#element").Umfang().$id InformationsquelleAutor mfc | 2015-08-20
AngularJS : Uhr element.html() in einer Richtlinie
3 Antworten
Ich bin auf der Suche zum erstellen einer mardown Richtlinie (einschränken), die machen würde, mich zu benutzen denselben Empfänger für ng-view. Also ich würde grundsätzlich laden nur .md-Dateien in Ansichten und meine Funktion auf seine Inhalte jedes
dynamisches hinzufügen von Richtlinien in ng-repeat
3 Antworten
Ich versuche dynamisch hinzufügen der verschiedenen Richtlinien in einer ng-repeat jedoch wird die Ausgabe nicht interpretiert wird als Richtlinien. Ich habe ein einfaches Beispiel hier: http://plnkr.co/edit/6pREpoqvmcnJJWzhZZKq Controller: $scope.colors = [{name:"red"}, {name: "blue"}, {name:"yellow"}]; Richtlinie: app.directive("red", function ()
Wie kann ich dynamisch hinzufügen einer Direktive in AngularJS?
7 Antworten
Ich habe eine sehr eingekocht version von dem, was ich Tue, wird das problem über. Habe ich eine einfache directive. Wenn Sie auf ein element, fügt es einem anderen. Jedoch muss es zuerst kompiliert werden, um zu
Wie kann ich Umschalten eines drop-down-Menü über eine AngularJS-Direktive?
2 Antworten
Ich habe den folgenden code, der versucht, erstellen Sie ein dropdown-Menü mit AngularJS, aber es funktioniert nicht: CSS: .display_none { display:none; } HTML: <div ng-app="app"> <div dropdown> <div class="drop_down display_none"> <div id="elementWrap"> //stuff </div> </div> </div> </div>
Die Verwendung von zwei Veranstaltungen onItemSelect und onItemDeselect in AngularJS Dropdown-Multiselect
1 Antworten
Ich bin mit AngularJS Dropdown Mehrfachauswahl. http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ Und ich will sowohl die Ereignisse. Aber weiß nicht, wie zu konfigurieren. Ich bin in der Lage zu konfigurieren, dass nur einer von Ihnen erfolgreich. onItemSelect(property) und onItemDeselect(property) HTML <div
Angularjs hinzufügen dynamisch Formularfelder in verschiedenen Formen
1 Antworten
Verwendung von ng-repeat ich bin die Schaffung Reihe von Formen mit Werten in es. Mit jedem Formular gibt es auch den button zum hinzufügen von Zeilen auf das jeweilige Formular mit neuen Feldern. Code ist unten HTML:
Gibt es eine excel-wie-grid-Lösung für AngularJS
3 Antworten
Fand ich ngHandsontable sehr befriedigend. http://handsontable.com/ Jedoch nicht unterstützt das einfügen von Spalten, die Handsontable unterstützt. So Frage ich mich ob es irgendeine andere Lösung, die ähnlich ist ngHandsontable sondern unterstützt auch dynamische Spalten. Vielen Dank im
Eckige Suche nach Wert in JSON und Anzeige der entsprechenden Daten
1 Antworten
Was ich versuche zu tun, ist einfach. Ein Benutzer einen Wert eingibt, auf den button klicken, meine JS-ruft einen Dienst zum abrufen meiner JSON-Daten und führen Sie eine Suche auf den eingegebenen Wert gegen die JSON und
Nesting-Richtlinien in den Richtlinien
1 Antworten
Bezüglich AngularJS-Direktiven habe ich lief in eine situation, wo ich bin, ruft eine Richtlinie aus, die innerhalb einer anderen Richtlinie, und ich habe die folgenden Fragen. Warum kann ich nicht referecne Umfang.bindValue in meine link-Funktion? Gibt es
warum angularjs ng-repeat funktioniert nicht
4 Antworten
Ich versuche die Grundlagen von AngularJS ersten mal. Ich versuche aus ng-repeat ersten mal. Es ist jedoch nicht arbeiten. Hier ist eine nicht funktionierende jsfiddle. Ich geschrieben habe, den code in einzelne eigenständige HTML-Datei wie folgt und
In Winkel-1.5, wie das binden eines Attribut-Komponente als boolescher Wert?
3 Antworten
Ich würde gerne wissen, ob in Winkel-1.5, wenn Sie Komponenten verwenden, gibt es eine einfache Art und Weise zu binden, ein Attribut ist ein boolescher ohne umgewandelt werden als string mit @. Ich habe zum Beispiel zwei