Pytania otagowane jako angularjs

Próbuję zezwolić użytkownikowi na edycję listy elementów za pomocą ngRepeati ngModel. ( Zobacz to skrzypce .) Jednak oba podejścia, które wypróbowałem, prowadziły do ​​dziwacznego zachowania: jedno nie aktualizuje modelu, a drugie zaciera formularz przy każdym keydown. Czy ja tu robię coś złego? Czy to nie jest obsługiwany przypadek użycia? Oto …

116 angularjs  angularjs-ng-repeat  angularjs-ng-model 

Mam jakiś stary kod, który wykonuje żądanie AJAX POST za pośrednictwem metody postu jQuery i wygląda mniej więcej tak: $.post("/foo/bar", requestData, function(responseData) { //do stuff with response } requestData jest po prostu obiektem javascript z kilkoma podstawowymi właściwościami ciągu. Jestem w trakcie przenoszenia naszych rzeczy do użycia Angulara i chcę …

116 javascript  jquery  post  angularjs 

Za pomocą ui-routermożna wstrzyknąć kontroler $statelub $stateParamsdo kontrolera, aby uzyskać dostęp do parametrów w adresie URL. Jednak dostęp do parametrów za pośrednictwem $stateParamsujawnia tylko parametry należące do stanu zarządzanego przez kontroler, który uzyskuje do niego dostęp, oraz jego stany nadrzędne, podczas gdy $state.paramsma wszystkie parametry, w tym te w stanach …

116 angularjs  angular-ui-router 

Mam dyrektywę atrybutów ograniczoną w następujący sposób: restrict: "A" Muszę przekazać dwa atrybuty; numer i funkcję / wywołanie zwrotne, uzyskując do nich dostęp w ramach dyrektywy za pomocą attrsobiektu. Gdyby dyrektywa była dyrektywą elementarną, ograniczyłbym się "E"do tego: <example-directive example-number="99" example-function="exampleCallback()"> Jednak z powodów, którymi nie będę się poruszać, potrzebuję …

116 javascript  parameters  angularjs  attributes  directive 

Piszę aplikację internetową w Angular, w której uwierzytelnianie jest obsługiwane przez token JWT, co oznacza, że ​​każde żądanie ma nagłówek „Authentication” ze wszystkimi niezbędnymi informacjami. Działa to dobrze w przypadku wywołań REST, ale nie rozumiem, jak mam obsługiwać łącza pobierania plików hostowanych na zapleczu (pliki znajdują się na tym samym …

116 javascript  angularjs  jwt 

Mam pozornie prosty problem bez widocznego (czytając dokumentację Angular JS) rozwiązania. Mam dyrektywę Angular JS, która wykonuje obliczenia na podstawie wysokości innych elementów DOM, aby zdefiniować wysokość kontenera w DOM. Coś podobnego dzieje się w dyrektywie: return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } Problem polega na …

115 jquery  dom  callback  angularjs  document-ready 

Mam kilka modułów Angular zadeklarowanych w mojej aplikacji. Początkowo zacząłem je deklarować, używając składni „łańcuchowej” w następujący sposób: angular.module('mymodule', []) .controller('myctrl', ['dep1', function(dep1){ ... }]) .service('myservice', ['dep2', function(dep2){ ... }]) ... // more here Ale zdecydowałem, że nie jest to łatwe do odczytania, więc zacząłem je deklarować za pomocą zmiennej …

115 angularjs 

Mam ten kod wewnątrz ng-repeat: <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> Jak ustawić warunek, że przycisk jest wyłączony, gdy ma class="disabled"? Czy jest sposób na zrobienie tego w JavaScript, który będzie wyglądał następująco: $('.do-something-button').click(function(){ if (!$(this).hasClass('disabled')) { do something } });

115 javascript  html  angularjs 

Czytając dokumentację AngularJS , nie doszedłem do wniosku, czy $anchorScrollmożna mieć opcję czasu trwania / łagodzenia, aby płynnie przewijać elementy. Mówi tylko: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); Nie używam jquery i nie chcę; czy nadal istnieje sprytny, ale prosty sposób na utworzenie lub rozszerzenie $anchorScroll, aby przewijanie było bardziej płynne?

115 javascript  angularjs  scroll  anchor-scroll 

W mojej aplikacji mam usługę i18n, która zawiera następujący kod: var i18nService = function() { this.ensureLocaleIsLoaded = function() { if( !this.existingPromise ) { this.existingPromise = $q.defer(); var deferred = this.existingPromise; var userLanguage = $( "body" ).data( "language" ); this.userLanguage = userLanguage; console.log( "Loading locale '" + userLanguage + "' from …

115 javascript  angularjs 

W Angular mam w zakresie obiekt, który zwraca wiele obiektów. Każdy ma identyfikator (jest przechowywany w płaskim pliku, więc nie ma bazy danych i wydaje się, że nie jestem w stanie użytkownika ng-resource) W moim kontrolerze: $scope.fish = [ {category:'freshwater', id:'1', name: 'trout', more:'false'}, {category:'freshwater', id:'2', name:'bass', more:'false'} ]; Moim …

114 javascript  angularjs 

Zastanawiałem się, jaki jest najlepszy sposób na wykrycie zakończenia ładowania strony / ładowania początkowego, gdy wszystkie dyrektywy zakończyły kompilację / linkowanie. Jakieś wydarzenie już tam jest? Czy powinienem przeciążać funkcję bootstrap?

114 angularjs  angularjs-scope 

Mam na swojej stronie .html listę rozwijaną, Upuścić: <select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"> <option value="">Select Account</option> </select> Chcę wykonać akcję, gdy użytkownik wybierze wartość. Więc w moim kontrolerze zrobiłem: Kontroler: $scope.$watch('blisterPackTemplateSelected', function() { alert('changed'); console.log($scope.blisterPackTemplateSelected); }); Ale zmiana wartości na liście rozwijanej nie wyzwala kodu: $scope.$watch('blisterPackTemplateSelected', …

114 angularjs  angularjs-scope 

Mam chyba bardzo oczywiste pytanie, ale nigdzie nie mogłem znaleźć odpowiedzi. Po prostu próbuję załadować dane JSON z mojego serwera do klienta. W tej chwili używam JQuery do załadowania go z wywołaniem AJAX (kod poniżej). <script type="text/javascript"> var global = new Array(); $.ajax({ url: "/json", success: function(reports){ global = reports; …

114 javascript  ajax  angularjs  model 

Mam napisaną usługę AngularJS i chciałbym ją przetestować. angular.module('myServiceProvider', ['fooServiceProvider', 'barServiceProvider']). factory('myService', function ($http, fooService, barService) { this.something = function() { // Do something with the injected services }; return this; }); Mój plik app.js zawiera te zarejestrowane: angular .module('myApp', ['fooServiceProvider','barServiceProvider','myServiceProvider'] ) Mogę sprawdzić, czy DI działa jako takie: describe("Using …

114 javascript  angularjs  mocking  jasmine  angularjs-service