Pertanyaan yang diberi tag «angularjs-directive»

Saya memiliki daftar item dalam pandangan saya dengan ng-clickterlampir: <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> Saya menangani acara klik dalam foofungsi dalam arahan saya, meneruskan $eventsebagai referensi ke objek yang telah diklik, tapi saya mendapatkan referensi ke imgtag, bukan litag. Saya kemudian …

204 angularjs  angularjs-directive 

Saya perlu melakukan beberapa operasi pada lingkup dan template. Tampaknya saya bisa melakukan itu baik dalam linkfungsi atau controllerfungsi (karena keduanya memiliki akses ke ruang lingkup). Kapan itu terjadi ketika saya harus menggunakan linkfungsi dan bukan controller? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, …

199 javascript  angularjs  angularjs-directive 

Saya mencoba membangun arahan yang berhati-hati menambahkan lebih banyak arahan ke elemen yang dideklarasikan. Sebagai contoh, saya ingin membangun arahan yang mengurus penambahan datepicker, datepicker-languagedan ng-required="true". Jika saya mencoba menambahkan atribut-atribut itu dan kemudian menggunakan $compilesaya jelas menghasilkan loop tak terbatas, jadi saya memeriksa apakah saya sudah menambahkan atribut yang …

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

Saya pikir ini adalah salah satu konsep yang paling sulit untuk saya pahami dengan arahan angularjs. Dokumen dari http://docs.angularjs.org/guide/directive mengatakan: transclude - kompilasi konten elemen dan membuatnya tersedia untuk direktif. Biasanya digunakan dengan ngTransclude. Keuntungan transklusi adalah bahwa fungsi penautan menerima fungsi transklusi yang terikat sebelumnya dengan ruang lingkup yang …

195 angularjs  angularjs-directive 

Kapan saya harus menggunakan transclude: 'true'dan kapan transclude: 'element'? Saya tidak dapat menemukan apa pun transclude: 'element'di dokumen sudut, mereka cukup membingungkan. Saya akan senang jika seseorang dapat menjelaskan ini dalam bahasa yang sederhana. Apa manfaat dari setiap opsi? Apa perbedaan nyata di antara mereka? Inilah yang saya temukan: transclude: …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

Saya memiliki tag khusus dalam routeProvidertemplat yang meminta directivetemplat. The versionatribut akan diisi oleh ruang lingkup yang kemudian memanggil untuk template yang tepat. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Ada beberapa versi nyanyian pujian berdasarkan pada minggu dan hari apa itu. Saya mengantisipasi untuk menggunakan arahan untuk mengisi bagian yang …

169 angularjs  angularjs-directive 

Saya memiliki arahan bentuk yang menggunakan callbackatribut yang ditentukan dengan cakupan terisolasi: scope: { callback: '&' } Itu duduk di dalam ng-repeatsehingga ekspresi yang saya berikan termasuk idobjek sebagai argumen untuk fungsi callback: <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> Ketika saya sudah selesai dengan arahan, ia memanggil …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

Saya telah membaca banyak tentang penggunaan simbol-simbol ini dalam penerapan arahan khusus di AngularJS tetapi konsepnya masih belum jelas bagi saya. Maksud saya, apa artinya jika saya menggunakan salah satu nilai lingkup dalam direktif khusus? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' …

151 angularjs  angularjs-directive  angularjs-scope 

Saya sudah mulai belajar tentang AngularJS dan saya bingung tentang apa perbedaan antara arahan ng-appdan data-ng-apparahan.

147 angularjs  angularjs-directive 

Saya baru mulai dengan angularjs, dan saya sedang berusaha mengubah beberapa plugin JQuery lama menjadi arahan Angular. Saya ingin menetapkan sekumpulan opsi default untuk direktif (elemen) saya, yang dapat diganti dengan menentukan nilai opsi dalam atribut. Saya telah melihat-lihat cara orang lain melakukan ini, dan di perpustakaan angular-ui ui.bootstrap.pagination tampaknya …

145 javascript  angularjs  angularjs-directive  options  default-value 

Bagaimana saya bisa memicu $watchvariabel dalam arahan sudut ketika memanipulasi data di dalamnya (misalnya, memasukkan atau menghapus data), tetapi tidak menetapkan objek baru ke variabel itu? Saya memiliki dataset sederhana yang sedang dimuat dari file JSON. Pengontrol Angular saya melakukan ini, serta mendefinisikan beberapa fungsi: App.controller('AppCtrl', function AppCtrl($scope, JsonService) { …

132 javascript  angularjs  angularjs-directive 

Aplikasi yang saya bangun mengharuskan pengguna saya untuk mengatur 4 informasi sebelum gambar ini bahkan memiliki kesempatan untuk memuat. Gambar ini adalah bagian tengah dari aplikasi, sehingga tautan gambar yang rusak membuatnya tampak seperti semuanya borked. Saya ingin gambar lain menggantikan 404. Ada ide? Saya ingin menghindari penulisan arahan khusus …

129 angularjs  angularjs-directive 

Apakah tanda tanya setelah sama memiliki makna khusus? yaitu: scope: {foo: '=?'} apakah arti di atas berarti 'tidak menimbulkan kesalahan jika' foo 'tidak dapat diselesaikan?

127 angularjs  angularjs-directive 

Saya menulis aplikasi sampel menggunakan angularjs. saya mendapat kesalahan yang disebutkan di bawah ini di browser chrome. Kesalahan adalah Kesalahan: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined Yang menjadikan sebagai Argumen 'ContactController' bukanlah sebuah fungsi, tidak ditentukan Kode <!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"]; …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

Saya memiliki arahan AngularJS yang memiliki templateUrldefinisi. Saya mencoba untuk mengujinya dengan Jasmine. JavaScript Jasmine saya terlihat seperti berikut, sesuai rekomendasi ini : 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 = …

122 angularjs  angularjs-directive  jasmine