«angularjs-directive» etiketlenmiş sorular

Bence ng-clickekli olan öğelerin bir listesi var : <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Yönlendirmemdeki fooişlevdeki tıklama olaylarını, $eventtıklanan nesneye başvuru olarak iletiyorum, ancak imgetikete değil , etikete başvuru alıyorum li. Sonra almak için böyle şeyler yapmak zorunda li: $scope.foo = function($event, …

204 angularjs  angularjs-directive 

Kapsam ve şablon üzerinde bazı işlemler yapmam gerekiyor. Görünüşe göre bunu linkfonksiyonda veya controllerfonksiyonda yapabilirim (çünkü her ikisinin de kapsama erişimi vardır). linkDenetleyiciyi değil, işlevi kullanmak zorunda kaldığımda ne zaman olur ? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, link: function(scope, elem, attr) { …

201 javascript  angularjs  angularjs-directive 

Üzerinde ilan edilen öğeye daha fazla direktif eklemeye özen gösteren bir direktif oluşturmaya çalışıyorum . Örneğin, ben ekleyerek ilgilenir bir direktif kurmak istiyorum datepicker, datepicker-languageve ng-required="true". Bu öznitelikleri eklemek ve sonra kullanmak $compileAçıkçası sonsuz bir döngü oluşturmak, bu yüzden zaten gerekli öznitelikleri eklemiş olup olmadığını kontrol ediyorum: angular.module('app') .directive('superDirective', function …

197 javascript  angularjs  model-view-controller  mvvm  angularjs-directive 

Sanırım bu, açısaljs direktifiyle anlamamın en zor konseptlerinden biri. Http://docs.angularjs.org/guide/directive adresindeki belge şöyle diyor: transclude - öğenin içeriğini derleyin ve yönergeye uygun hale getirin. Genellikle ngTransclude ile kullanılır. Kopyalamanın avantajı, bağlama fonksiyonunun, doğru kapsama önceden bağlanmış bir kopyalama fonksiyonunu almasıdır. Tipik bir kurulumda widget ayrı bir kapsam oluşturur, ancak ekleme …

195 angularjs  angularjs-directive 

Ne zaman transclude: 'true've ne zaman kullanmalıyım transclude: 'element'? transclude: 'element'Açısal dokümanlar hakkında hiçbir şey bulamıyorum , oldukça kafa karıştırıcı. Birisi bunu basit bir dilde açıklayabilirse mutlu olurum. Her seçeneğin yararı nedir? Aralarındaki gerçek fark nedir? Ben buldum budur: transclude: true Bir derleme işlevi içinde, transclude bağlama işlevi yardımıyla DOM'u …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

routeProviderŞablon gerektiren bir şablonda özel bir etiket var directive. versionNitelik sonra sağ şablona çağrısında kapsam tarafından doldurulur. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Hangi hafta ve güne bağlı olarak ilacın birden fazla versiyonu vardır. Direktifi doğru .htmlkısmı doldurmak için kullanmayı düşünüyordum . Değişken templateUrl. Tarafından okunmuyor . emanuel.directive('hymn', function() { …

169 angularjs  angularjs-directive 

callbackAyrı tutma kapsamı ile belirtilen bir özniteliği kullanan bir form yönergesi var : scope: { callback: '&' } İçinde oturduğum ng-repeatifade id, nesnenin geri çağırma işlevine argüman olarak içerdiği şekilde oturur : <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Yönerge ile işim bittiğinde $scope.callback(), denetleyici işlevinden çağırır . …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

AngularJS'de özel direktiflerin uygulanmasında bu sembollerin kullanımı hakkında çok şey okudum, ancak kavram hala net değil. Yani, özel yönergede kapsam değerlerinden birini kullanırsam ne anlama gelir? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR scope:true } }); Kod snippet'ini çalıştırHide resultsSnippet'i genişlet …

151 angularjs  angularjs-directive  angularjs-scope 

AngularJS hakkında bilgi edinmeye başladım ve ng-appve data-ng-appyönergeler arasındaki farkların ne olduğu konusunda kafam karıştı .

147 angularjs  angularjs-directive 

Angularjs ile yeni başlıyorum ve birkaç eski JQuery eklentisini Angular yönergelerine dönüştürmek için çalışıyorum. (Element) yönergem için, bir öznitelikte seçenek değeri belirtilerek geçersiz kılınabilen bir dizi varsayılan seçenek tanımlamak istiyorum. Başkalarının bunu nasıl yaptığını araştırdım ve angular-ui kitaplığında ui.bootstrap.pagination da benzer bir şey gibi görünüyor. Öncelikle tüm varsayılan seçenekler sabit …

145 javascript  angularjs  angularjs-directive  options  default-value 

$watchBir Angular direktifindeki bir değişkeni içerideki verileri işlerken (örneğin, veri eklerken veya çıkarırken) nasıl tetikleyebilirim , ancak bu değişkene yeni bir nesne atamıyorum? Şu anda bir JSON dosyasından yüklenmekte olan basit bir veri kümem var. Angular denetleyicim bunu yapar ve birkaç işlevi tanımlar: App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // load …

132 javascript  angularjs  angularjs-directive 

Oluşturmakta olduğum uygulama, kullanıcımın bu görüntünün yükleme şansı olmadan önce 4 parça bilgi ayarlamasını gerektiriyor. Bu görüntü, uygulamanın merkez parçasıdır, bu nedenle kopuk görüntü bağlantısı, her şey dallanmış gibi görünmesini sağlar. 404'te başka bir görüntünün yerini almasını istiyorum. Herhangi bir fikir? Bunun için özel bir yönerge yazmaktan kaçınmak istiyorum. Özellikle …

129 angularjs  angularjs-directive 

Eşitten sonraki soru işaretinin özel bir anlamı var mı? yani: scope: {foo: '=?'} Yukarıdakiler, 'foo' çözülemezse 'hata yapma' anlamına mı geliyor?

127 angularjs  angularjs-directive 

Angularjs kullanarak örnek bir uygulama yazıyorum. Chrome tarayıcısında aşağıda belirtilen bir hatayla karşılaştım. Hata Hata: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Hangisi olarak işler 'ContactController' bağımsız değişkeni bir işlev değil, tanımsız hale getirildi kod <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { $scope.contacts = ["abcd@gmail.com", "abcd@yahoo.co.in"]; $scope.add = function() …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

templateUrlTanımlı bir AngularJS direktifim var . Jasmine ile birlikte test etmeye çalışıyorum. Benim Yasemin JavaScript önerisi başına, aşağıdaki gibi görünüyor bu : describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compile_; $httpBackend = $injector.get('$httpBackend'); …

122 angularjs  angularjs-directive  jasmine