İçindekiler
operasyonunu uzatabiliriz. HTML davranış değişikliği ve ağaç dönüşümleri yoluyla GÜNEŞ, bununla öğeleri değiştirebilir, yeni stiller ekleyebilir ve daha dinamik bir kullanıcı arayüzü geliştirmemize izin veren diğer eylemleri ekleyebiliriz, bunun için direktifler.Bunun için kullanabiliriz direktifler kendi AngularJSAncak, doğal olarak elde edemeyeceğimiz bir şeye ihtiyacımız olursa, kendi yönergelerimizi yazabiliriz, bununla tarayıcı olaylarını dinleyebilir ve yanıtlayabileceğiz veya basitçe yapmadığı şeyleri yapabileceğiz. AngularJS varsayılan.
ile bir uygulama geliştirirken AngularJS Yerel yönergelerin kodumuzun ne yapması gerektiğine dair fikrimize uymadığı durumlarla karşılaşacağımız bazı durumlar olacaktır, bunun gibi zamanlarda itiraz edebiliriz. kendi yönergelerimizi oluşturun.
Yeni bir yönerge tanımlamak için aşağıdaki formülü takip edebiliriz:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('DirektifAdı', DirectiveMethod); Gördüğümüz gibi sadece yönergemizi uygulayacağımız modülü tanımlamamız ve ardından adını ve yürütmesi gereken yöntemi belirtmemiz gerekiyor.
HTML5 olan çok ilginç bir işlevselliğe sahiptir. otomatik odaklama, bu, bir formdaki bir girdi öğesini odaklamamıza izin verir, böylece bir kullanıcı için yolu tanımlamaya yardımcı olur, ancak HTML5 ve bir girdiye odaklanmak istemiyoruz, çünkü burada devreye giriyor AngularJS ve direktifler, bir direktif ile bu durumu basit bir şekilde çözebiliriz.
Ne yapmalıyız?İlk önce daha önce belirttiğimiz formu kullanarak özel bir yönerge oluşturmalıyız, bununla istenen davranışı oluşturuyoruz, bu durumda otomatik odaklama. Sonra nesne sayesinde $ kapsam Bu yönergeyi herhangi bir öğeye uygulayabiliriz, bu örnek durumunda onu bir bağlantıya uygulayacağız, bununla gücünü deneyimleyebiliriz. AngularJS.
Şimdi elde etmek istediğimiz şeyin sonucunu görelim:
Odaklanmadan Odaklanmadan{{mesaj metni}}Gördüğümüz gibi, başlangıçta özel bir yönerge oluşturuyoruz, bu da otomatik odaklama bu yönergeye sahip öğede, bazı mesajları yazdırırken değişiklikleri algılamamıza yardımcı olacak bir denetleyici oluştururuz.
Bununla, manipülasyonu gördüğümüz için bu öğreticiyi bitiriyoruz. GÜNEŞ ile uygulanabilir AngularJS ve direktifler sayesinde çok ilginç etkiler elde edebiliyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
