«angularjs-directive» etiketlenmiş sorular

Metin girdim var. Giriş odak aldığında, girişin içindeki metni seçmek istiyorum. JQuery ile bunu şu şekilde yapardım: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Açısal yolu denemek ve bulmak için etrafı araştırdım, ancak bulduğum çoğu örnek, bir değişiklik için modal bir özelliği …

121 angularjs  angularjs-directive 

Kendi denetleyicisi olan bir yönergem var. Aşağıdaki koda bakın: var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; …

118 javascript  jquery  angularjs  angularjs-directive 

Angularjs kullanarak, ajax isteği tamamlanana kadar bir yükleme ekranı (basit bir döndürücü) göstermem gerekiyor. Lütfen bir kod parçacığı ile herhangi bir fikir önerin.

117 angularjs  angularjs-directive 

Değişiklik durumunda ng-tekrar listesini filtreleyen bir girişim var. Yineleme çok fazla veri içerir ve her şeyi filtrelemek birkaç saniye sürer. Filtreleme işlemine başlamadan önce 0,5 saniyelik gecikme olmasını istiyorum. Bu gecikmeyi yaratmanın doğru açısal yolu nedir? Giriş <input ng-model="xyz" ng-change="FilterByName()" /> Tekrar et <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> Filtre …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Bir 3. taraf yönergesinde (özellikle Angular UI Bootstrap ) küçük bir değişiklik yapmak istiyorum . Sadece kapsamına eklemek istiyorumpaneDirektifin : angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return { require: '^tabs', restrict: …

114 javascript  angularjs  angularjs-directive  angular-ui-bootstrap  bower 

Daha hafif hale getirmek için Angular.js uygulamamdan jquery'yi kaldırmaya ve bunun yerine Angular'ın jqLite'ını koymaya çalışıyorum. Ancak uygulama, jqLite tarafından desteklenmeyen find ('# id') ve find ('.classname') öğelerini yoğun bir şekilde kullanır, yalnızca 'etiket adları' (belgelere göre) Bunu değiştirmek için en iyi yaklaşımın ne olacağını merak ettim. Düşündüğüm bir yaklaşım, …

110 angularjs  angularjs-directive  jqlite 

Bir özniteliğe bağlanan bir yönerge oluşturmak istiyorum. Özellik, kapsamda çağrılması gereken işlevi belirtir. Ama aynı zamanda link fonksiyonu içinde belirlenen fonksiyona bir argüman iletmek istiyorum. <div my-method='theMethodToBeCalled'></div> Link işlevinde, işleve iletmem gereken bir argüman ileten bir jQuery olayına bağlanıyorum: app.directive("myMethod",function($parse) { restrict:'A', link:function(scope,element,attrs) { var expressionHandler = $parse(attrs.myMethod); $(element).on('theEvent',function( e, …

103 angularjs-directive 

İki denetleyicim var ve aralarında bir app.factory işlevi ile veri paylaşıyorum. İlk denetleyici, bir bağlantı tıklandığında model dizisine (pluginsDisplayed) bir pencere öğesi ekler. Parçacık diziye aktarılır ve bu değişiklik görünüme yansıtılır (dizi içeriğini göstermek için ng-yinelemeyi kullanır): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> Widget üç yönerge üzerine …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Bir AngularJS kapsam değişkenini yönergeden denetleyiciye geçirmenin en kolay yolu nedir? Gördüğüm tüm örnekler çok karmaşık görünüyor, bir denetleyiciye bir yönergeden erişip kapsam değişkenlerinden birini ayarlayabilmemin bir yolu yok mu?

99 angularjs  angularjs-directive  ng-controller 

Kapsamdaki belirli bir özniteliğin durumuna yanıt veren bir yönergem varsa ve bu özniteliği testimde değiştirmek ve doğru yanıt verdiğini doğrulamak istersem, bu değişikliği yapmanın en iyi yolu nedir? Bu modellerin ikisini de gördüm: scope.$apply(function() { scope.myAttribute = true; }); ve scope.myAttribute = true; scope.$digest(); Aralarındaki fark nedir, hangisi daha iyi …

98 angularjs  angularjs-directive 

Plunker Bağlantısı Html'yi ona bağlamak istediğim bir öğem var. <div ng-bind-html="details" upper></div> Bu işe yarıyor. Şimdi, bununla birlikte, bağlı html'ye bağlı bir yönergem de var: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Ancak upperdiv ve çapa ile direktif değerlendirilmez. Nasıl çalıştırırım?

95 angularjs  angularjs-directive 

İzole kapsamı olan bir yönergem var (böylece yönergeyi başka yerlerde yeniden kullanabilirim) ve bu yönergeyi bir ile ng-repeatkullandığımda çalışmıyor. Bu konudaki tüm belgeleri ve Stack Overflow yanıtlarını okudum ve sorunları anladım. Her zamanki sorunlardan kaçtığıma inanıyorum. Dolayısıyla, ng-repeatdirektif tarafından oluşturulan kapsam nedeniyle kodumun başarısız olduğunu anlıyorum . Benim direktifim bir …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

İzole kapsam kullanmadan bir yönergenin içinden üst kapsamdaki bir işlevi çağırmanın bir yolunu bulamıyorum. Yalıtılmış kapsam kullanırsam, üst kapsamdaki işleve erişmek için yalıtılmış olarak "&" kullanabileceğimi, ancak gerekli olmadığında yalıtılmış kapsam kullanmanın sonuçları olacağını biliyorum. Aşağıdaki HTML'yi düşünün: <button ng-hide="hideButton()" confirm="Are you sure?" confirm-action="doIt()">Do It</button> Bu basit örnekte, bir JavaScript …

95 angularjs  angularjs-directive  angularjs-scope 

AngularJS şablonum, aşağıdakiler gibi bazı özel HTML sözdizimi içerir: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> İşlemek için bir yönerge oluşturdum: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } }, …

95 angularjs  angularjs-directive 

Bir yönergeyi ne zaman kullanacağımı ve ne zaman nginclude kullanmanın daha uygun olacağını tam olarak anlamıyorum. Şu örneği ele alalım: password-and-confirm-input-fields.htmlBir parola girmek ve onaylamak için html olan bir kısmım var . Bunu hem kayıt sayfasında hem de şifre değiştirme sayfasında kullanıyorum. Bu iki sayfanın her biri bir denetleyiciye sahiptir, …

93 angularjs  angularjs-directive  angularjs-ng-include