Angular ngModelOptions

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.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/mPMYMr/">mPMYMr</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 201631 Mart 2016 by Ahmet Çağlayan 0

Angular ngModel

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

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/KzvLWo/">Angular ngModel</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngMinlength

Bu metin tabanlı giriş kontrol ile kullanılabilir, ama aynı zamanda özel bir metin tabanlı kontrol içinde uygulanabilir. Minumum karakter sayısını sınırlandırma için kullanılır.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/LNjoZw/">Angular ngMinlength</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngMaxlength

Bu metin tabanlı giriş kontrol ile kullanılabilir, ama aynı zamanda özel bir metin tabanlı kontrol içinde uygulanabilir. Maximum karakter sayısını sınırlandırma için kullanılır.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/LNjopK/">Angular ngMaxlength</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngList

Metin girişini sizin belirlediğiniz karakter doğrultusunda dizi haline dönüştürülür.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/oxeVrq/">Angular ngList</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngKeyup

Keyup işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keyup fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/EKvMOW/">Angular ngKeyup</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngKeypress

Keydown işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keypress fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/aNyMaW/">Angular ngKeypress</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngKeydown

Keydown işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keydown fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/NNvJYm/">Angular ngKeydown</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

Angular ngJq

Angularjs ye diğer kütüphaneleri eklemek için kullanılır. Örneğin ‘ngSanitize’, ‘ngTouch’, ‘ngResource’, ‘ngMessages’, ‘ngCookies’, ‘ngAnimate’, ‘ngFx’, ‘ngJq’ gibi kütüphaneleri eklemek için angularjs zorlayabilirsiniz.

Örnek

<html ng-app ng-jq>
...
...
</html>

<html ng-app ng-jq="jQueryLib">
...
...
</html>

Kullanım Şekli

Posted on 31 Mart 201631 Mart 2016 by Ahmet Çağlayan 0

Angular ngInit

NgInit özelliği bir ifadeyi geçerli kapsamda değerlendirmek için kullanılır.

Not: bir filtre ile birlikte ngInit ataması varsa doğru kullanımı sağlamak için parantez içine aldığınızdan emin olun.

Codepen Ön izlemesi

See the Pen <a href="http://codepen.io/w3tr/pen/NNvJpo/">Angular ngInit</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

Kullanım Şekli

Posted on 31 Mart 2016 by Ahmet Çağlayan 0

HTML, CSS