«angularjs-directive» etiketlenmiş sorular

AngularJS yönergeleri, HTML sözcük dağarcığını genişleterek HTML yeni numaralarını öğretmenin bir yoludur. Yönergeler, DOM öğelerini bildirici bir düzende yönetmenizi sağlar ve sizi düşük düzeyli DOM işleme görevlerinden kurtarır.

18
AngularJS yönergesi kapsamında '@' ve '=' arasındaki fark nedir?
Konuyla ilgili AngularJS belgelerini dikkatlice okudum ve sonra bir direktifle uğraştım . İşte keman . İşte bazı alakalı snippet'ler: Gönderen HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Bölme yönergesinden: scope: { biTitle: '=', title: '@', bar: '=' }, Elimde olmayan birkaç şey var: Neden kullanmak zorunda "{{title}}"olan '@'ve "title"birlikte '='? Ayrıca öğemi …

30
Giriş alanına odak nasıl ayarlanır?
AngularJS'de giriş alanına odaklanmanın 'Açısal yolu' nedir? Daha spesifik gereksinimler: Bir Modal açıldığında, <input>bu Modal içinde önceden tanımlanmış bir odağa odaklanın . Her zaman <input>görünür hale gelir (örneğin, bazı düğmelere tıklayarak), odaklanın. Ben ilk şartı sağlamak için çalıştı ile autofocus, ancak bu Modal ilk kez açıldığında ve yalnızca belirli tarayıcılarda …

6
Link vs derleme vs denetleyici
Bir yönerge oluşturduğunuzda, derleyiciye, link işlevine veya denetleyiciye kod koyabilirsiniz. Dokümanlarda şunları açıklıyorlar: Derleme ve bağlantı fonksiyonu açısal çevrimin farklı aşamalarında kullanılır kontrolörler direktifler arasında paylaşılır Ancak, benim için hangi tür kodların nereye gitmesi gerektiği belli değil. Örnek: Derlemede işlevler oluşturabilir ve bağlantıdaki kapsama ekleyebilir miyim veya yalnızca denetleyicideki kapsama …


8
Açısal yönergeler - derleme, denetleyici, ön bağlantı ve bağlantı sonrası ne zaman ve nasıl kullanılır [kapalı]
Kapalı. Bu soru Yığın Taşması yönergelerine uygun değil . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu Yığın Taşması için konuyla ilgili olacak şekilde güncelleyin . 5 yıl önce kapalı . Bir Açısal yönerge yazarken, yönerge bildirildiği öğenin DOM davranışını, içeriğini ve görünümünü değiştirmek için aşağıdaki işlevlerden …

19
AngularJS'de bir tuşa basma olayı nasıl kullanılır?
Aşağıdaki metin kutusunda enter tuşuna basın olayını yakalamak istiyorum. Daha açık bir şekilde ifade ng-repeatetmek için tbody'i doldurmak için bir kullanıyorum . İşte HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> Bu benim modülüm: angular.module('components', ['ngResource']); Tablo doldurmak için bir kaynak kullanıyorum ve denetleyici kodum: function Ajaxy($scope, …

6
AngularJS'de ana kapsama alanına kendi kapsamıyla * özel bir yönergeden * nasıl erişebilirim?
Ben bir direktif içinde "ebeveyn" kapsamına erişmek için herhangi bir yol arıyorum. Kapsam, transclude, gerektiren, değişkenleri (veya kapsamın kendisini) yukarıdan vb. Herhangi bir kombinasyonu. Örneğin, şu anda $scopepreLink parametrelerini alarak $siblingve kavramsal "üst" bulmak için kapsamları üzerinden yineleyerek yapabileceğini biliyorum . Gerçekten istediğim, $watchana kapsamda bir ifade alabilmek . Eğer …


13
AngularJS yönergesinde tanımlanan bir yöntemi nasıl çağırırım?
Bir direktif var, işte kod: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); …

13
AngularJS'de şartlı olarak nitelikleri uygulamanın en iyi yolu nedir?
Ben kapsamda bir boole değişkene dayalı, örneğin elemanlara "contenteditable" eklemek mümkün olması gerekir. Örnek kullanım: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> İçerik $scope.editModeayarlanmışsa öğeye contenteditable = true öğesinin eklenmesiyle sonuçlanır true. Bu ng sınıfı benzeri nitelik davranışını uygulamanın kolay bir yolu var mı? Bir yönerge yazmayı ve paylaşmamayı düşünüyorum. Düzenleme: Benim önerilen attrs …

11
Koşullu bir ifadeyle açısal JS stili
Sorunumu şu şekilde ele alıyorum: ng-style="{ width: getTheValue() }" Ancak bu fonksiyonun kontrolör tarafında olmasını önlemek için, böyle bir şey yapmayı tercih ederim: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" Bunu nasıl yapabilirim?

2
Ng-transclude nedir?
StackOverflow ng-transclude tartışan bir dizi soru gördüm, ama hiçbiri layman açısından ne olduğunu açıklayan. Belgelerdeki açıklama aşağıdaki gibidir: Kopyalamayı kullanan en yakın üst yönergenin kopyalanmış DOM için ekleme noktasını işaretleyen yönerge. Bu oldukça kafa karıştırıcı. Birisi ne ng-transclude'un ne yapmak istediğini ve nerede kullanılabileceğini basit bir şekilde açıklayabilir mi?

5
AngularJS'de bir yönerge yazarken, yeni bir kapsam, yeni bir çocuk kapsamı veya yeni bir yalıtılmış kapsama ihtiyacım olup olmadığına nasıl karar verebilirim?
Ben yeni bir yönerge yazarken hangi kapsam türü kullanılacak belirlemek için kullanabileceğiniz bazı yönergeler arıyorum. İdeal olarak, bir dizi sorudan geçen ve yeni bir kapsam, yeni çocuk kapsamı veya yeni tecrit kapsamı olmayan doğru bir cevap veren bir akış şemasına benzer bir şey istiyorum, ancak bu muhtemelen çok fazla şey …

6
AngularJS'de bir değişkenten iframe src özniteliği nasıl ayarlanır
srcBir değişken bir iframe özniteliğini ayarlamak için çalışıyorum ve işe alamıyorum ... İşaretleme: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> kontrolörleri / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" …

7
AngularJS'ye dinamik olarak nasıl direktif ekleyebilirim?
Yaptığım şeyin çok kaygılı bir versiyonu var, bu da sorunu çözüyor. Basit bir tane var directive. Bir öğeyi her tıkladığınızda, başka bir öğeyi ekler. Ancak, doğru bir şekilde oluşturulması için önce derlenmesi gerekir. Araştırmam beni yönlendirdi $compile. Ancak tüm örnekler burada nasıl uygulanacağını bilmediğim karmaşık bir yapı kullanıyor. Kemanlar burada: …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.