Tag: angularjs

Verwenden Sie für Fragen über AngularJS (1.x), die open-source-JavaScript-framework. Verwenden Sie dieses tag NICHT für Eckige 2 oder höher; verwenden Sie stattdessen die [eckigen] – tag.

angularjs Textbereich Zeichenzähler

Anzahl der Antworten 4 Antworten
Hallo, ich habe eine characeter Zähler für ein-text-Bereich. Mein problem ist, dass es gar nicht zählen, Leerzeichen oder Zeilenumbrüche. Wie kann ich es so machen, dass es nicht so ist? <div class="controls"> <textarea rows="4" cols="50" maxlength="1500" data-ng-minLength="1"

AngularJS Access Controller $ Scope von außen

Anzahl der Antworten 1 Antworten
var theApp = angular.module('theApp', ); var app = angular.module('theApp', ['ui.bootstrap']); app.controller('MenuSideController', ['$scope','SnazzyService','$modal','$log', function($scope, SnazzyService, $modal, $log) { $scope.user.zoomlvl = '2'; }]); Ich habe den oben genannten controller, und es setzt eine $scope dem kann ich immer nur

Angular.js ng-click-Ereignisse auf Labels werden zweimal ausgelöst

Anzahl der Antworten 1 Antworten
Gegeben, den folgenden code verwenden angular.js Plunkr hier: http://plnkr.co/edit/i4MAzs HTML: <form name="myForm" ng-controller="Ctrl"> Try clicking on the labels. <br/> <label> Value1: <input type="checkbox" ng-checked='value1' ng-click='toggleValue1()'> </label> <br/> <label ng-click='toggleValue2()'> Value2: <input type="checkbox" ng-checked="value2"> </label> <br/> <tt>value1 =

Django csrf Token + Angularjs

Anzahl der Antworten 5 Antworten
Habe ich django läuft auf einem apache-server mit mod_wsgi, sowie eine angularjs-app bedient, die direkt von apache, nicht von django. Ich möchte POST Aufrufe der django-server (mit rest_framework), aber ich habe Probleme mit der csrf-token. Ist es

Neu bei Angular - Berechnete Variablen

Anzahl der Antworten 7 Antworten
Ich bin bewegt, um Winkel von Knockout, und ich habe ein paar Fragen. Ich nehme an, ich muss etwas tun, ein nicht-kantige Art und Weise. http://jsfiddle.net/LostInDaJungle/BxELP/ I linked to jsfiddle so I didn't have to include my

ng-mouseover und verlassen, um Element mit Maus in angularjs umzuschalten

Anzahl der Antworten 6 Antworten
HTML: <ul ng-repeat="task in tasks"> <li ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()">{{task.name}}</li> <span ng-show="hoverEdit"><a>Edit</a></span> </ul> JS: $scope.hoverIn = function(){ $scope.hoverEdit = true; }; $scope.hoverOut = function(){ $scope.hoverEdit = false; }; Der code ist lächerlich, weil ich denke, es ist zu viel.

AngularJS-UI-Router: Konnte __ aus Status nicht auflösen ___ Fehler

Anzahl der Antworten 1 Antworten
Bin ich zusammen in diesem Jahr alten ui-router tutorial http://txt.fliglio.com/2013/05/angularjs-state-management-with-ui-router/ und ich bekomme die folgende Fehlermeldung: Error: Could not resolve 'settings/quotes' from state 'settings' Bin ich mit der Montage dieses tutorial app in mein Express.JS setup und

Angular JS zeigt HTML innerhalb des Tags

Anzahl der Antworten 2 Antworten
Ich versuche zum einfügen von HTML-in-template mit ng-bind-html-unsafe Attribut. Aber aus irgendeinem Grund nicht funktioniert. Mein code: <tr class="white two-button" ng-repeat="(key,value) in recommendations | ojoScoreFilter:ojoScore | relevancyScoreFilter:relevancyScore | orderBy:predicate:reverse"> <td> <div ng-bind-html-unsafe="value.button"></div> </td> </tr> Ich bin nicht

Liste deklarierter Direktiven / Controller im AngularJS-Modul auf

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit, um eine Liste der Richtlinien und Controller definiert wurden, für einen gegebenen Winkel-Modul? Angenommen, ich definiere die drei Controller in der "main" - Modul (also eckig.Moduls ("main").controller('MainCtrl',function() {...}). Ist es Weg, um die

Verwenden Sie jQuery timeago oder momentjs und AngularJS zusammen

Anzahl der Antworten 4 Antworten
Möchte ich timeago plugin zu machen, Termine schöner Aussehen. Das problem ist, dass diese Daten abgerufen werden, die über AngularJS von dem REST dynamisch. Also, Wann lege ich das jQuery plugin auf meiner Seite, es funktioniert einfach

AngularJS Controller und "verwenden streng"

Anzahl der Antworten 4 Antworten
Ich habe vor kurzem angefangen mit JSHint und es ist erforderlich, ich verwende die Funktion in form von "use strict". Seit dann, AngularJS wirft einen Fehler: "Fehler: Argument "webAddressController' ist keine Funktion, hab undefined" Wenn ich entfernen

Angular Directive Name: nur Kleinbuchstaben erlaubt?

Anzahl der Antworten 3 Antworten
Mein code: app.directive('abcabc', function (){ alert('directive');}); //working aber app.directive('abcAbc', function (){ alert('directive');}); //not working ! app.directive('abc-abc', function (){ alert('directive');}); //not working ! Mache ich falsch? Oder gibt es spezielle Namenskonventionen für Winkel-Richtlinie? InformationsquelleAutor der Frage Zach |

Wie filtere ich ein Array mit AngularJS und verwende eine Eigenschaft des gefilterten Objekts als ng-Modellattribut?

Anzahl der Antworten 8 Antworten
Wenn ich ein array von Objekten, und ich möchte Sie zu binden, das Eckige Modell, um eine Eigenschaft eines der Elemente, basierend auf einem filter, wie mache ich das? Erklären kann ich besser mit einem konkreten Beispiel:

Gibt es in Angularjs eine Möglichkeit, Konstanten mit anderen Konstanten zu definieren?

Anzahl der Antworten 6 Antworten
Ich versuche, die Definition von Konstanten mit anderen Konstanten, aber es scheint, dass es nicht getan werden kann, da der erste Konstante ist nicht bereit, wenn die erforderliche Konstante je benötigen. Ich wollen zu sein sicher, ob

wie man Abhängigkeit in module.config (configFn) in angular injiziert

Anzahl der Antworten 8 Antworten
In Eckige, können wir injizieren $routeProvider zu den config Funktion module.config(function ($routeProvider) { }); Will ich Spritzen mein Dienst in es wie module.config(function ($routeProvider, myService) { }); Ich bin sicher, dass der Dienst richtig definiert, aber es

Deaktivieren Sie die URL-Manipulation in AngularJS

Anzahl der Antworten 3 Antworten
Ich versuche zu schreiben, meine erste web-app mit Angular. In den normalen Modus (html5Mode aus), Winkel-Kräfte, die Adresse, hash-Teil zu schauen, wie ein "path" (hinzufügen eines führenden "/"), und kodiert Sonderzeichen - zum Beispiel, ermöglicht es einem

Umleiten zu einer absoluten URL in angularjs

Anzahl der Antworten 4 Antworten
Zum umleiten Benutzer auf eine absolute url in angularjs. Zum Beispiel: ich habe eine Seite, meine aktuelle url (http://example.com/submit), sobald der Benutzer auf eine Schaltfläche in der web-Seite, er hat umgeleitet zu einigen anderen web-Seite, zum Beispiel

Winkelmodul nicht im Karma Jasmine Testlauf verfügbar

Anzahl der Antworten 2 Antworten
Ich bin mit Winkel-full-stack für die Entwicklung, meine karma.conf.js Datei files: [ 'app/bower_components/jquery/jquery.js', 'app/bower_components/angular/angular.js', 'app/bower_components/angular-mocks/angular-mocks.js', 'app/bower_components/angular-cookies/angular-cookies.js', 'app/bower_components/angular-resource/angular-resource.js', 'app/bower_components/angular-route/angular-route.js', 'app/bower_components/angular-sanitize/angular-sanitize.js', 'app/bower_components/angular-scenario/angular-scenario.js', 'app/scripts/controllers/*.js', 'app/scripts/directives/*.js', 'app/scripts/services/*.js', 'app/scripts/app.js', 'lib/routes.js', 'test/karma/unit/**/test.spec.js' ], Test Spec: 'use strict'; (function() { describe('App', function() { describe('TestController',

angularjs - ngRepeat mit ngInit - ngRepeat aktualisiert den gerenderten Wert nicht

Anzahl der Antworten 3 Antworten
Habe ich Arrays, die angezeigt wird, ngRepeater aber mit dieser Richtlinie bin ich mit ngInit Richtlinie die Funktion ausführen, die zurückkehren sollte-Objekt angezeigt werden. Alles funktioniert perfekt, aber wenn ich fügte hinzu, "New" button, wo ich hinzufügen

Angular js - Zeigt die Nachricht an, wenn ng-repeat leer ist

Anzahl der Antworten 5 Antworten
Den folgenden AngularJS-Anwendung ist die Zusammenarbeit mit ng-repeat und einem angewendeten filter. Einem bestimmten angewendeten filter hinterlässt keine Werte Links. Wie kann ich eine Benachrichtigung angezeigt wird? js fiddle HTML <div > <div data-ng-controller="myCtrl"> <ul > <li

Verwenden von Express-Lenkern und Angular JS

Anzahl der Antworten 5 Antworten
Hintergrund Ich bin zurzeit eine Webseite zu erstellen, die verwendet NodeJS für den server, Express-LENKER(Nur LENKER aber server-Seite) , und hoffentlich AngularJS für einige client-side-Zeugs.   Das Problem AngularJS und LENKER verwenden die gleiche syntax für Template

angularjs und localStorage ändern das Ereignis

Anzahl der Antworten 4 Antworten
Ich Speichere einige Daten in den localStorage was möchte ich in meinem angularjs-app ist, dass, wenn die Daten in den localStorage geändert, die app rerender die app, wie kann ich dies tun? Kommentar zu dem Problem hat

Wie summiere ich zwei Felder in AngularJS und zeige das Ergebnis in einem Label an?

Anzahl der Antworten 8 Antworten
Habe ich eine situation auf meiner Seite. Habe ich zwei Eingänge und ein Etikett in meiner Seite. Diese Aufkleber zeigen die Summe der beiden Eingänge Wert. So, ich habe versucht, aus Lösung: Sub-Total <input type="text" ng-model="Property.Field1" />

Zweiwege-Bindung mit Bereichs- und Zahleneingabe in AngularJS

Anzahl der Antworten 3 Antworten
Ich bin gerade erst anfangen zu spielen, um mit AngularJS und versuchen zu verstehen, die Bindung Technik. Für den Anfang, ich habe versucht, eine einfache Umwandlung Rechner (Dutzende Stücke, Stücke zu Dutzenden). Das hat gut funktioniert, aber

UI-Router dynamischer Vorlagenpfad

Anzahl der Antworten 3 Antworten
Ich bin mit ui-router 0.2.8. Ich bin zu wollen, laden Sie eine Vorlage basierend auf Gerät Breite. Ich kann das Gerät Breite ohne Problem, legen Sie es in den Rahmen etc, aber ich kann herausfinden, wie es

Angular Get Controller von Element

Anzahl der Antworten 4 Antworten
Gibt es eine Möglichkeit zu finden, den controller für ein element durch die Chrome-Konsole? Ich kann eine Referenz auf die Komponente, indem Sie das element in der Elemente-Palette und mit var c = angular.element($0); c hat eine

Vermeiden Sie die Verwendung zusätzlicher DOM-Knoten, wenn Sie nginclude verwenden

Anzahl der Antworten 5 Antworten
Ich bin kämpfen, um Sie zu wickeln meinem Kopf herum wie ein ng-include nicht ein extra DOM-element, wie Baue ich ein Winkel-app von einem plain-HTML-demo. Ich arbeite mit ziemlich schlank HTML mit voll entwickelten, dicht DOM-gepaart CSS

AngularJS Uncaught ReferenceError: Der Controller wird nicht vom Modul definiert

Anzahl der Antworten 3 Antworten
Ich habe den folgenden code; var app = angular. module("myApp",). config(function($routeProvider, $locationProvider) { $routeProvider.when('/someplace', { templateUrl: 'sometemplate.html', controller: SomeControl }); //configure html5 to get links working on jsfiddle $locationProvider.html5Mode(true); }); app.controller('SomeControl', ...); Bekomme ich die folgende Fehlermeldung

HATEOAS-Client mit AngularJS

Anzahl der Antworten 5 Antworten
Ich Frage mich, ob es irgendwelche features, die versteckt in Eckig oder ausgesetzt, die von einigen 3rd-party-Bibliotheken leicht erstellen, die HATEOAS-konform, Rest-clients. Auf backend-Seite, ich bin mit Spring Data/REST zu produzieren, einen HATEOAS-JSON-API. Verbraucht, obwohl, ist eine

Schreibe ein ng-Muster, um Whitespaces und Sonderzeichen zu verbieten

Anzahl der Antworten 2 Antworten
Ich versuche zu bekommen eine eckige ng-pattern zu überprüfen, ob ein Benutzername keine Leerzeichen oder Sonderzeichen enthalten. Das folgende Formular gibt false zurück, wenn Sie geben Sie Leerzeichen oder Sonderzeichen. Jedoch, es wird wahr, sobald Sie eingeben,

AngularJS, Lösung und unbekannter Provider

Anzahl der Antworten 3 Antworten
Habe ich zwei Routen mit beheben. Geht so: .when('/foos', { templateUrl: 'views/foos.html', controller: 'FoosCtrl', resolve: { foo_list: ['$q', '$route', '$timeout', '$location', 'Foos', function($q, $route, $timeout, $location, Foos) { //postpone the execution var deferred_foo = $q.defer() Foos.getFoos({token:session_uid}, successCb)

AngularJS-Kommunikation zwischen Richtlinien

Anzahl der Antworten 3 Antworten
Ich bin neu Angular.js, brauche ich für meine Anwendung eine Kommunikation zwischen Direktiven, Las ich einige Dokumentationen über den link und fordern, aber nicht genau verstehen, wie es funktioniert. Für ein einfaches Beispiel habe ich noch :

Was ist der Unterschied zwischen "@" und "=" im Richtlinienumfang von AngularJS?

Anzahl der Antworten 15 Antworten
Ich habe gelesen, die AngularJS-Dokumentation auf das Thema aufmerksam zu, und dann fummelte, um mit einer Richtlinie. Hier ist die fiddle. Und hier sind einige relevante snippets: Aus der HTML: <pane bi-title="title" title="{{title}}">{{text}}</pane> Aus dem Bereich der

Wie funktioniert Paging in AngularJS?

Anzahl der Antworten 20 Antworten
Ich habe einen Datensatz von über 1000 Elemente, die in-memory-und bin versucht, erstellen Sie ein pager für dieses dataset, aber ich bin mir nicht sicher, wie dies zu tun. Ich bin mit einem benutzerdefinierten filter-Funktion, um die

Angularjs vervollständigen von $ http

Anzahl der Antworten 5 Antworten
Ich versuche zu schreiben, eine AutoVervollständigen-Richtlinie, die holt sich die Daten vom server mit einem $http-request (ohne Verwendung externer plugins oder Skripte). Derzeit funktioniert es nur mit statischen Daten. Jetzt weiß ich, dass ich das einfügen muss

Postlink vs Pre-Link in Angular-js-Anweisungen

Anzahl der Antworten 1 Antworten
Als die hier beschrieben werden: http://docs.angularjs.org/guide/directive Angular js Direktiven nehmen zwei verschiedenen link-Typen-Funktionen: Pre-linking-Funktion Ausgeführt, bevor der Kind-Elemente miteinander verknüpft sind. Nicht sicher ist, zu tun, DOM-transformation, da der compiler verknüpfen Funktion nicht finden die richtigen Elemente

Beobachten Sie den Controller-Modellwert von der internen Anweisung

Anzahl der Antworten 4 Antworten
Ich versuche, eckige Uhr die $viewValue von einem controller aus dem inneren einer Richtlinie. fiddle: http://jsfiddle.net/dkrotts/TfTr5/5/ function foo($scope, $timeout) { $scope.bar = "Lorem ipsum"; $timeout(function() { $scope.bar = "Dolor sit amet"; }, 2000); } myApp.directive('myDirective', function() {

AngularJS lässt Kommentare in HTML: Ist es möglich, sie zu entfernen?

Anzahl der Antworten 3 Antworten
Wer weiß, wenn Sie können, entfernen Sie die eckigen Kommentare, die Links im html-code? Beispiel: Wenn ich mit ngRepeat und es gibt keine Elemente, die wiederholt auf, AngularJS Blätter : <!-- ngRepeat: post in posts --> Kommentar

Wie behandelt man Strings mit HTML mit Angular-Translate?

Anzahl der Antworten 9 Antworten
Gibt es eine Möglichkeit zu sagen, kantig und angular-translate Behandlung von strings, die HTML enthält Inhalte. Habe ich add_card-title = "To make ordering even quicker, <span class="nowrap">add a card now</span>" als meine Lang-string. Wenn ich es in

AngularJS beobachtet eine Objekteigenschaft in einem Objektarray

Anzahl der Antworten 4 Antworten
Habe ich diese data in meinem controller $scope.data = { home: { baseValue: "1", name: "home" }, contact: { baseValue: "2", name: "contract" } //a lot more options }; mit etwas html-Code wie dieser: <section class="content row"

ReferenceError: inject ist nicht definiert

Anzahl der Antworten 2 Antworten
Wenn ich das SpecRunner HTML-Datei bekomme ich diesen Fehler. Schaut sich um, dies ist aufgrund angular-mocks.js nicht verwiesen wird. In meinem Fall ist es, auf das verwiesen wird. SpecRunner.html: <link rel="stylesheet" type="text/css" href="lib/jasmine-1.3.1/jasmine.css"> <script type="text/javascript" src="lib/jasmine-1.3.1/jasmine.js"></script> <script

Wie kann ich $ q.all Versprechen in Jasmine Unit Tests lösen?

Anzahl der Antworten 1 Antworten
Mein controller hat einen code wie unten: $q.all([qService.getData($scope.id), dService.getData(), qTService.get()]) .then(function (allData) { $scope.data1 = allData[0]; $scope.data2 = allData[1]; $scope.data3 = allData[2]; }); Und in meinem unit-tests bin ich etwas wie dieses: beforeEach(inject(function($rootScope, $q, $location){//and other dependencies...