«angularjs» etiketlenmiş sorular

Ben kullanarak düzenlemek için kullanıcıya öğelerin listesini izin çalışıyorum ngRepeatve ngModel. ( Bakın bu keman .) Bununla birlikte, denediğim her iki yaklaşım da tuhaf davranışlara yol açıyor: biri modeli güncellemiyor, diğeri ise her tuş basışında formu bulanıklaştırıyor. Burada yanlış bir şey mi yapıyorum? Bu, desteklenen bir kullanım durumu değil mi? …

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

JQuery'nin gönderi yöntemi aracılığıyla AJAX POST isteği yapan ve şuna benzer eski bir kodum var : $.post("/foo/bar", requestData, function(responseData) { //do stuff with response } requestData sadece bazı temel dize özelliklerine sahip bir javascript nesnesidir. Öğelerimizi Angular'ı kullanmak için taşıma sürecindeyim ve bu çağrıyı $ http.post ile değiştirmek istiyorum. Aşağıdakileri …

116 javascript  jquery  post  angularjs 

İle ui-router, URL'deki parametrelere erişmek için bir denetleyiciye $stateveya $stateParamsiçine enjekte etmek mümkündür . Bununla birlikte, parametrelere $stateParamsyalnızca ona erişen denetleyici tarafından yönetilen duruma ve üst durumlarına ait parametreleri ortaya çıkarırken $state.params, tüm alt durumlar dahil tüm parametrelere sahiptir. Aşağıdaki kod göz önüne alındığında, URL'yi doğrudan yüklersek http://path/1/paramA/paramB, denetleyiciler yüklendiğinde …

116 angularjs  angular-ui-router 

Aşağıdaki gibi kısıtlanmış bir öznitelik direktifim var: restrict: "A" İki niteliğe geçmem gerekiyor; bir numara ve bir işlev / geri arama, attrsnesneyi kullanarak yönerge içinde bunlara erişme . Direktif bir element direktifiyse, bununla sınırlı "E"olabilir: <example-directive example-number="99" example-function="exampleCallback()"> Ancak, girmeyeceğim nedenlerden dolayı yönergenin bir öznitelik yönergesi olmasına ihtiyacım var. Bir …

116 javascript  parameters  angularjs  attributes  directive 

Kimlik doğrulamasının bir JWT belirteci tarafından işlendiği Angular'da bir web uygulaması yazıyorum, bu da her isteğin gerekli tüm bilgileri içeren bir "Kimlik Doğrulama" başlığına sahip olduğu anlamına gelir. Bu, REST çağrıları için iyi çalışıyor, ancak arka uçta barındırılan dosyalar için indirme bağlantılarını nasıl kullanmam gerektiğini anlamıyorum (dosyalar, web hizmetlerinin barındırıldığı …

116 javascript  angularjs  jwt 

Görünürde basit olmayan (Angular JS belgelerini okuyarak) bir çözümüm var. DOM'daki bir kabın yüksekliğini tanımlamak için diğer DOM öğelerinin yüksekliğini temel alan bazı hesaplamalar yapan bir Angular JS yönergesine sahibim. Direktifin içinde buna benzer bir şey var: return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } Buradaki sorun, …

115 jquery  dom  callback  angularjs  document-ready 

Uygulamamda bir dizi Açısal modül beyan ettim. Başlangıçta bunları "zincirleme" sözdizimini kullanarak şu şekilde açıklamaya başladım: angular.module('mymodule', []) .controller('myctrl', ['dep1', function(dep1){ ... }]) .service('myservice', ['dep2', function(dep2){ ... }]) ... // more here Ama okumanın çok kolay olmadığına karar verdim, bu yüzden onları şöyle bir modül değişkeni kullanarak ilan etmeye başladım: …

115 angularjs 

Bu kod ng-tekrar içinde var: <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> Düğmeye sahipken devre dışı bırakılma koşulu nasıl yapılır class="disabled"? Veya bunu Javascript'te yapmanın bir yolu var mı, böylece şöyle görünecek: $('.do-something-button').click(function(){ if (!$(this).hasClass('disabled')) { do something } });

115 javascript  html  angularjs 

AngularJS belgelerini okuma $anchorScrollÖğeleri yumuşak kaydırmak için bir süre / hareket hızı seçeneğine sahip olup olamayacağımı anlayamadım . Sadece şöyle diyor: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); Ben jquery kullanmıyorum ve istemiyorum; $anchorScrollKaydırmayı daha akıcı hale getirmek için yapmak veya genişletmek için hala akıllı ama basit bir yol var mı?

115 javascript  angularjs  scroll  anchor-scroll 

Uygulamamda aşağıdaki kodu içeren bir i18n hizmetim var: 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 server..." ); …

115 javascript  angularjs 

Angular'da, çok sayıda nesne döndüren bir nesneye sahibim. Her birinin bir kimliği vardır (bu, düz bir dosyada saklanır, bu nedenle DB yok ve kullanıcı yapamıyorum gibi görünüyor ng-resource) Denetleyicimde: $scope.fish = [ {category:'freshwater', id:'1', name: 'trout', more:'false'}, {category:'freshwater', id:'2', name:'bass', more:'false'} ]; Benim görüşüme göre, varsayılan olarak ng-showdaha fazla olan …

114 javascript  angularjs 

Tüm yönergeler derleme / bağlama işlemini tamamladığında, sayfa yükleme / önyükleme işleminin bittiğini tespit etmenin en iyi yolunun ne olduğunu merak ettik. Zaten orada herhangi bir olay var mı? Önyükleme işlevini aşırı yüklemeli miyim?

114 angularjs  angularjs-scope 

.Html sayfamda bir açılır liste var, Yıkılmak: <select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"> <option value="">Select Account</option> </select> Kullanıcı bir değer seçtiğinde bir eylem gerçekleştirmek istiyorum. Denetleyicimde yaptım: Denetleyici: $scope.$watch('blisterPackTemplateSelected', function() { alert('changed'); console.log($scope.blisterPackTemplateSelected); }); Ancak açılır listedeki değerin değiştirilmesi kodu tetiklemez: $scope.$watch('blisterPackTemplateSelected', function() Sonuç ng_change = 'changedValue()'olarak, …

114 angularjs  angularjs-scope 

Muhtemelen çok açık olduğunu düşündüğüm bir soru var ama hiçbir yerde cevap bulamadım. Sadece sunucumdan istemciye bazı JSON verileri yüklemeye çalışıyorum. Şu anda, JQuery'yi bir AJAX çağrısıyla yüklemek için kullanıyorum (aşağıdaki kod). <script type="text/javascript"> var global = new Array(); $.ajax({ url: "/json", success: function(reports){ global = reports; return global; } …

114 javascript  ajax  angularjs  model 

Yazılı bir AngularJS hizmetim var ve birim testi yapmak istiyorum. angular.module('myServiceProvider', ['fooServiceProvider', 'barServiceProvider']). factory('myService', function ($http, fooService, barService) { this.something = function() { // Do something with the injected services }; return this; }); App.js dosyam şu kayıtlı: angular .module('myApp', ['fooServiceProvider','barServiceProvider','myServiceProvider'] ) DI'nin şu şekilde çalıştığını test edebilirim: describe("Using the …

114 javascript  angularjs  mocking  jasmine  angularjs-service