Articles of Angularjs

Der beste Weg, um ein Grid oder eine Tabelle in AngularJS mit Bootstrap 3 darzustellen?

Ich erstelle eine App mit AngularJS und Bootstrap 3. Ich möchte eine Tabelle / Gitter mit Tausenden von Zeilen zeigen. Was ist das beste verfügbare Steuerelement für AngularJS & Bootstrap mit functionen wie Sortieren, Suchen, Paginierung usw.

Angular und UI-Router, wie man eine dynamische TemplateUrl einstellt

Wie könnte ich einen aus meiner database abgerufenen Namen als TemplateUrl-Dateinamen verwenden? Ich habe es versucht: $stateProvider.state(‘/’, { url: ‘/’, views: { page: { controller: ‘HomeCtrl’, templateProvider: function($templateFactory, $rootScope) { console.log(“$rootScope.template”) return $templateFactory.fromUrl(‘/templates/’ + $rootScope.template); } } } }); Was nicht zu funktionieren scheint, wenn meine $ rootScope.template von einer databaseabfrage kommt. Ich weiß nicht […]

unsicheres Glied in eckigem

In AngularJS wird Firefox im folgenden Szenario unsafe: vor URLs, die auf folgende Weise generiert werden. Es zeigt dann eine Fehlerseite an, die sagt “Die Adresse wurde nicht verstanden”. Dies ist eine Dateianforderung auf meinem lokalen PC. Verknüpfung: {{ fruit.title }} Array: $scope.fruits = [ { “title” : “Orange”, “link” : “fruits_orange.html” } ];

Fehler mit $ http.get in angularJS – Erfolg ist keine function

Erhalte diesen Fehler: angular.min.js: 122 TypeError: $ http.get (…). success ist keine function bei getUserInfo (app.js: 7) bei new (app.js: 12) bei Object.invoke (angular.min .js: 43) bei Q.instance (angular.min.js: 93) bei p (angular.min.js: 68) bei g (angular.min.js: 60) bei g (angular.min.js: 61 ) bei g (angular.min.js: 61) bei angular.min.js: 60 bei angular.min.js: 21 Hier ist […]

Verhindern / Behandeln von Doppelklick-Klicks in eckigen

In angular können wir eine Schaltfläche einrichten, um Ajax-Anfragen wie folgt zu senden: … ng-click=”button-click” und im Controller: … $scope.buttonClicked = function() { … … // make ajax request … … } Um eine doppelte Übermittlung zu verhindern, könnte ich also ein Flag auf clickclicked = true setzen, wenn eine Schaltfläche angeklickt wird, und es […]

Angular: ng-bind-html filtert ng-click heraus?

Ich habe einige HTML-Daten, die ich aus einer JSON-Datei laden werde. Ich zeige diese HTML-Daten an, indem ich ngSanitize in meiner App benutze und ng-bind-html verwende. Jetzt würde ich gerne irgendwelche Links im JSON-Blob aus dem Standard konvertieren link zu: link . Also mache ich RegExp auf der JSON-Datei, um die Links zu konvertieren, aber […]

AngularJS entdeckt nicht Access-Control-Allow-Origin-Header?

Ich führe eine eckige App auf einem lokalen virtuellen Host ( http://foo.app:8000 ). Es macht eine Anfrage an einen anderen lokalen VirtualHost ( http://bar.app:8000 ) mit $http.post . $http.post(‘http://bar.app:8000/mobile/reply’, reply, {withCredentials: true}); Auf der Registerkarte “Netzwerk” von Chrome Developer Tools sehe ich natürlich die OPTIONS-Anfrage und die Antwort enthält die Kopfzeile: Access-Control-Allow-Origin: http://foo.app:8000 Die POST-Anforderung […]

Verwenden von Bootstrap für Angular und Material Design für Angular zusammen

Ich arbeite an einem Projekt mit dieser Vorlage . Die Vorlage wird mit AngularJs und Bootstrap-UI (Bootstrap für Angular) geschrieben und ich möchte einige Material Design Elemente wie Karten und andere hinzufügen. Ist es möglich, das zu tun? ist es empfehlenswert? Meine Sache ist, dass wir diese Vorlage und den Weg zu vielen Elementen schon […]

ng-Optionen mit deaktivierten Zeilen

Ist es möglich, ng-options , die basierend auf Kriterien in deaktivierte Zeilen umgewandelt werden? Dies: vielleicht ist es möglich, sich in etwas wie dieses zu verwandeln: und sagen wir über einen Filter, der für alle colors, die Schatten = “dunkel” haben, disabled=’disabled’ ” zurückgeben könnte black red blue white yellow

Einfaches AngularJS läuft auf JSFiddle

Wie mache ich eine JFiddle aus dem folgenden Code: {{num}} function MainCtrl($scope) { $scope.nums = [“1″,”2”]; } Mein nicht funktionierender Versuch: http://jsfiddle.net/zhon/3DHjg/ zeigt nichts und hat Fehler.