NgOptions özniteliği dinamik bir <option> listesi oluşturmak için kullanılır.
Diziden listeleme alınırken select as ve track by gibi değerlerde kullanılır.
<ANY
ng-model=”string”
[name=”string”]
[required=”string”]
[ng-required=”string”]
[ng-options=”comprehension_expression”]>
…
</ANY>
Açılacak listenin şartını belirtir. Şart sağlanırsa liste gösterilir.
<DETAILS
ng-open=”expression”>
…
</DETAILS>
Direktifi geçersiz kılmak için kullanılır. Elemente direktifi okumaması gerektiğini belirtir. Bu bazı kod parçacıklarını göstermek istediğiniz sitelerde kullanmanız için yararlı olacaktır.
<ANY>
…
</ANY>
mouseover (Mouse üzerine gelince) olayı için özel davranışını belirlemenizi sağlar.
<ANY
ng-mouseover=”expression”>
…
</ANY>
mousemove (Mouse üzerinde hareket ettikçe) olayı için özel davranışını belirlemenizi sağlar.
<ANY
ng-mousemove=”expression”>
…
</ANY>
mouseleave (Mouse üzerinden kalkınca) olayı için özel davranışını belirlemenizi sağlar.
<ANY
ng-mouseleave=”expression”>
…
</ANY>
mouseenter (Mouse üzerine geldiğinde) olayı için özel davranışını belirlemenizi sağlar.
<ANY
ng-mouseenter=”expression”>
…
</ANY>
mousedown (Mouse sol tuşu aşağı indiği an) olayı için özel davranışını belirlemenizi sağlar.
<ANY
ng-mousedown=”expression”>
…
</ANY>g
Güncellemelere ayar uygulamanızı sağlar. Örneğin süre ayarı koyarak 1-2 saniye sonra istediğiniz elemente yazdırabilirsiniz. Başka bir olay gerçekleşeceği zaman bu süre yeniden sıfırlanacaktır. Böylelikle html değişikliği olurken sayfanın atlama/zıplama (divlerin hareket etme durumu) yapmasının önüne geçmiş olursunuz.
Aşşağıda kullanabileceğiniz option’lar sizin için belirtilmiştir.
{updateOn: ‘event’} belirli bir olay meydana geldiğinde bağlayıcı olması gerektiğini belirtir.
{debounce : 1000} Bağlama için kaç milisaniye bekleceğini belirtir.
{allowInvalid : true|false} Değerin bağlanması için bir if sorgusunu doğrulamak gerekir.
{getterSetter : true|false} Modele bağlı işlevleri aktifleştirir.
{timezone : ‘0100’} Date nesnesi ile çalışılırken zaman dilimi kullanılması gerektiğini belirtir.
<ANY
ng-model-options=”Object”>
…
</ANY>
Yönergesini input, select, textarea (veya özel form denetimi) üzerinde kullanarak ngModelController oluşturmuş olursunuz. Böylelikle bu elementlerin değerlerini başka elementlere bağlamanızı mümkün kılar. Aşşağıda kullanabileceğiniz elementler listelenmiştir.
input
text
checkbox
radio
number
email
url
date
datetime-local
time
month
week
select
textarea
<input>
…
</input>