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.

18
Apa perbedaan antara '@' dan '=' dalam lingkup direktif dalam AngularJS?
Saya sudah membaca dokumentasi AngularJS tentang topik itu dengan hati-hati, dan kemudian mengutak-atik arahan. Ini biola . Dan berikut ini beberapa cuplikan yang relevan: Dari HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Dari arahan panel: scope: { biTitle: '=', title: '@', bar: '=' }, Ada beberapa hal yang tidak saya dapatkan: Mengapa …

30
Bagaimana cara mengatur fokus pada bidang input?
Apa itu 'Cara sudut' untuk menetapkan fokus pada bidang input di AngularJS? Persyaratan yang lebih spesifik: Ketika Modal dibuka, tetapkan fokus pada yang telah ditentukan <input>di dalam Modal ini. Setiap kali <input>menjadi terlihat (misalnya dengan mengklik beberapa tombol), tetapkan fokus padanya. Saya mencoba untuk mencapai persyaratan pertama dengan autofocus, tapi …

6
Tautan vs kompilasi vs pengontrol
Saat Anda membuat arahan, Anda dapat memasukkan kode ke kompiler, fungsi tautan, atau pengontrol. Dalam dokumen, mereka menjelaskan bahwa: fungsi kompilasi dan tautan digunakan dalam berbagai fase siklus sudut pengendali dibagi di antara arahan Namun, bagi saya tidak jelas, kode seperti apa yang harus dituju. Misalnya: Dapatkah saya membuat fungsi …


8
Arahan sudut - kapan dan bagaimana menggunakan kompilasi, pengontrol, pra-tautan dan pasca-tautan [ditutup]
Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga sesuai topik untuk Stack Overflow. Ditutup 5 tahun yang lalu . Saat menulis arahan Angular, seseorang dapat menggunakan salah satu dari fungsi berikut untuk memanipulasi perilaku DOM, konten dan …

19
Bagaimana cara menggunakan acara penekanan tombol di AngularJS?
Saya ingin menangkap acara tekan tombol enter pada kotak teks di bawah ini. Untuk membuatnya lebih jelas, saya menggunakan a ng-repeatuntuk mengisi tbody. Ini HTML-nya: <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> Ini adalah modul saya: angular.module('components', ['ngResource']); Saya menggunakan sumber daya untuk mengisi tabel dan kode …

6
Bagaimana cara mengakses lingkup induk dari dalam direktif khusus * dengan cakupan sendiri * di AngularJS?
Saya mencari cara apa pun untuk mengakses ruang lingkup "induk" dalam arahan. Kombinasi ruang lingkup, transclude, memerlukan, meneruskan variabel (atau cakupan itu sendiri) dari atas, dll. Saya benar-benar ingin membungkuk ke belakang, tetapi saya ingin menghindari sesuatu yang benar-benar hacky atau tidak dapat dipertahankan. Sebagai contoh, saya tahu saya bisa …


13
Bagaimana cara memanggil metode yang didefinisikan dalam arahan AngularJS?
Saya punya arahan, ini kode: .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
Apa cara terbaik untuk menerapkan atribut secara kondisional di AngularJS?
Saya harus dapat menambahkan misalnya "contenteditable" ke elemen, berdasarkan pada variabel boolean pada lingkup. Contoh penggunaan: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Akan menghasilkan contenteditable = true ditambahkan ke elemen jika $scope.editModedisetel ke true. Apakah ada cara mudah untuk mengimplementasikan perilaku atribut seperti ini? Saya sedang mempertimbangkan untuk menulis arahan dan berbagi jika …


2
Apa itu ng-transclude?
Saya telah melihat sejumlah pertanyaan tentang StackOverflow membahas ng-transclude, tetapi tidak ada yang menjelaskan dalam istilah awam apa itu. Deskripsi dalam dokumentasi adalah sebagai berikut: Arahan yang menandai titik penyisipan untuk DOM yang ditransklusikan dari direktif induk terdekat yang menggunakan transklusi. Ini cukup membingungkan. Apakah seseorang dapat menjelaskan secara sederhana …

5
Saat menulis arahan dalam AngularJS, bagaimana saya memutuskan jika saya tidak memerlukan ruang lingkup baru, ruang lingkup anak baru, atau ruang lingkup terisolasi baru?
Saya mencari beberapa panduan yang dapat digunakan untuk membantu menentukan jenis ruang lingkup yang digunakan saat menulis arahan baru. Idealnya, saya ingin sesuatu yang mirip dengan bagan alur yang menuntun saya melalui banyak pertanyaan dan muncul jawaban yang benar - tidak ada ruang lingkup baru baru, ruang lingkup anak baru, …

6
Cara mengatur atribut iframe src dari variabel di AngularJS
Saya mencoba mengatur srcatribut iframe dari suatu variabel dan saya tidak bisa membuatnya berfungsi ... Markup: <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> pengendali / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" …

7
Bagaimana saya bisa menambahkan arahan secara dinamis di AngularJS?
Saya memiliki versi yang sangat matang dari apa yang saya lakukan yang menyelesaikan masalah. Saya punya yang sederhana directive. Setiap kali Anda mengklik suatu elemen, elemen itu menambahkan elemen lainnya. Namun, itu perlu dikompilasi terlebih dahulu untuk membuatnya dengan benar. Penelitian saya menuntun saya $compile. Tetapi semua contoh menggunakan struktur …

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.