Pertanyaan yang diberi tag «angularjs-directive»

Arahan AngularJS adalah cara untuk mengajarkan trik baru HTML dengan memperluas kosa kata HTML. Arahan memungkinkan Anda untuk mengelola elemen DOM dalam pola deklaratif, membebaskan Anda dari tugas manipulasi DOM tingkat rendah.

10
Pilih teks pada fokus masukan
Saya memiliki masukan teks. Saat masukan menerima fokus, saya ingin memilih teks di dalam masukan. Dengan jQuery, saya akan melakukannya dengan cara ini: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Saya telah mencari-cari untuk mencoba dan menemukan cara Angular tetapi sebagian besar …
4
Panggil metode dalam pengontrol direktif dari pengontrol lain
Saya memiliki arahan yang memiliki pengontrolnya sendiri. Lihat kode di bawah ini: 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 = ''; …
4
Penundaan ng-perubahan sudut
Saya memiliki masukan yang memfilter daftar ng-pengulangan pada perubahan. Pengulangan berisi banyak data dan membutuhkan beberapa detik untuk menyaring semuanya. Saya ingin penundaan mereka menjadi 0,5 detik sebelum saya memulai proses penyaringan. Bagaimana cara sudut yang benar untuk membuat penundaan ini? Memasukkan <input ng-model="xyz" ng-change="FilterByName()" /> Ulang <div ng-repeat"foo in …
5
Memperluas Angular Directive
Saya ingin membuat sedikit modifikasi pada arahan pihak ke-3 (khususnya Angular UI Bootstrap ). Saya hanya ingin menambahkan ruang lingkup panedirektif: 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', …
7
fungsi panggilan direktif angularjs ditentukan dalam atribut dan meneruskan argumen ke sana
Saya ingin membuat arahan yang menautkan ke atribut. Atribut menentukan fungsi yang harus dipanggil pada ruang lingkup. Tapi saya juga ingin meneruskan argumen ke fungsi yang ditentukan di dalam fungsi link. <div my-method='theMethodToBeCalled'></div> Dalam fungsi tautan, saya mengikat ke acara jQuery, yang meneruskan argumen yang harus saya teruskan ke fungsi: …
5
AngularJS: daftar ng-repeat tidak diperbarui ketika elemen model disambung dari larik model
Saya memiliki dua pengontrol dan berbagi data di antara mereka dengan fungsi app.factory. Pengontrol pertama menambahkan widget dalam larik model (pluginsDisplayed) saat tautan diklik. Widget didorong ke dalam array dan perubahan ini tercermin ke dalam tampilan (yang menggunakan ng-repeat untuk menampilkan konten array): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" …
2
$ apply vs $ digest dalam pengujian direktif
Jika saya memiliki arahan yang merespons status atribut tertentu pada cakupan, dan saya ingin mengubah atribut itu dalam pengujian saya dan memverifikasi bahwa itu merespons dengan benar, manakah cara terbaik untuk melakukan perubahan itu? Saya telah melihat kedua pola ini: scope.$apply(function() { scope.myAttribute = true; }); dan scope.myAttribute = true; …
6
angular ng-bind-html dan direktif di dalamnya
Tautan Plunker Saya memiliki elemen yang saya ingin mengikatkan html padanya. <div ng-bind-html="details" upper></div> Itu bekerja. Sekarang, bersamaan dengan itu saya juga memiliki arahan yang terikat pada html yang terikat: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Tetapi arahan upperdengan div dan anchor tidak dievaluasi. Bagaimana cara membuatnya bekerja?
2
Teropong isolasi direktif dengan ng-repeat scope di AngularJS
Saya memiliki arahan dengan isolate-scope (sehingga saya dapat menggunakan kembali arahan di tempat lain), dan ketika saya menggunakan arahan ini dengan ng-repeat, itu gagal berfungsi. Saya telah membaca semua dokumentasi dan jawaban Stack Overflow tentang topik ini dan memahami masalahnya. Saya yakin saya telah menghindari semua tipu muslihat biasa. Jadi …
4
Panggil fungsi pengontrol dari direktif tanpa lingkup terisolasi di AngularJS
Saya tidak bisa menemukan cara untuk memanggil fungsi pada lingkup induk dari dalam direktif tanpa menggunakan lingkup terisolasi. Saya tahu bahwa jika saya menggunakan lingkup terisolasi saya hanya dapat menggunakan "&" dalam lingkup terisolasi untuk mengakses fungsi pada lingkup induk, tetapi menggunakan lingkup terisolasi ketika tidak diperlukan memiliki konsekuensi. Perhatikan …
2
Mengakses atribut dari direktif AngularJS
Template AngularJS saya berisi beberapa sintaks HTML kustom seperti: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Saya membuat arahan untuk memprosesnya: .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'); } }, …
1
AngularJS: ngInclude vs direktif
Saya tidak begitu mengerti kapan harus menggunakan direktif dan kapan lebih tepat menggunakan nginclude. Ambil contoh ini: Saya memiliki sebagian password-and-confirm-input-fields.html,, itu adalah html untuk memasukkan dan mengonfirmasi kata sandi. Saya menggunakan ini baik di bawah halaman pendaftaran dan di bawah halaman ubah sandi. Kedua halaman tersebut masing-masing memiliki pengontrol, …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.