Angular $animate

$animate

Animasyon hizmetini DOM elementler için destek sağlayan bir dizi ortaya çıkarır.

Kullanım Şekli

$animate.on('enter', container,
   function callback(element, phase) {
     // cool we detected an enter animation within the container
   }
);

Codepen Ön izleme

 

Angular $anchorScroll

$anchorScroll

Çağrıldığında belirtilen elemana (hash) kayar. Geçerli değer yoksa ya da ihmal varsa hiçbir şey yapılmaz.

Kullanım Şekli

$anchorScroll([hash]);

Codepen Ön izleme

 

Angular angular.version

angular.version

Geçerli angularjs sürümü ile ilgili bilgi içeren bir nesne.

Özellikleri

  • full – { string } – Tam sürüm dizesi, örneğin “0.9.18” olacak.

     

  • full – { string } – Tam sürüm dizesi, örneğin “0.9.18” olacak.

     

  • major – { number } – Büyük sürüm numarası gibi “0” olacak.

     

  • minor – { number } – Küçük sürüm numarası gibi “9” olacak.

     

  • dot – { number } – Nokta sürüm numarası gibi “18” olacak.
  • codeName – { string } – sürümü Kod adı gibi ” jiggling-armfat ” olacak.

Angular textarea

textarea

Açısal veri bağlama ile HTML elemanı textarea kontrol edin.

Kullanım Şekli

<textarea
  ng-model="string"
  [name="string"]
  [required="string"]
  [ng-required="string"]
  [ng-minlength="number"]
  [ng-maxlength="number"]
  [ng-pattern="string"]
  [ng-change="string"]
  [ng-trim="boolean"]>
...
</textarea>

Codepen Ön izleme

 

Angular select

select

HTML select’in açısal veri bağlama özelliğidir.

Kullanım Şekli

<select
  ng-model="string"
  [name="string"]
  [multiple="string"]
  [required="string"]
  [ng-required="string"]
  [ng-change="string"]
  [ng-options="string"]>
...
</select>

Codepen Ön izleme

 

 

Angular script

script

Bir içeriğini yükleme <script> içine sokulması $templateCache yüklemek şablonu ngInclude, ngView veya yönergeleri tarafından kullanılır. <script> öğesine text/ng-template olarak belirtilmeli ve şablon için bir önbellek ad daha sonrada bir yönerge templateUrl kullanılabilir, öğenin kimliği ile atanması gerekir.

Kullanım Şekli;

<script
  type="string"
  id="string">
...
</script>

Codepen Ön izleme

 

Angular ngValue

ngValue

<option> veya input[radio] ’ni değeri verilen ifadeye bağlar. Böylece eleman seçildiğinde ngModel o değere bağlı elemana göre ayarlanır.

Kullanım Şekli;

<input
  [ng-value="string"]>
...
</input>

Codepen Ön izleme

 

Angular ngTransclude

ngTransclude

Ekleme için kullanılan en yakın ana direktifin, DOM için ekleme noktasını işaret eder.

Kullanım Şekli;

<ng-transclude
  ng-transclude-slot="string">
...
</ng-transclude>

Codepen Ön izleme

 

Angular ngSwitch

ngSwitch

Bir ifadeye bağlı html öğelerini gizleyip göstermeye yarar. ng-switch-when komutu ile uyuşan değer sağlandığı zaman diğer kardeş when elemanları silinecek ve uyuşan eleman gösterilecektir. ng-switch-default ile varsayılan bölümü gösterebilirsiniz. Yine herhangi bir ng-switch-when bölümü ile uyuşma sağlanınca default ifade silinecektir.

Kullanım Şekli;

<ANY ng-switch="expression">
  <ANY ng-switch-when="matchValue1">...</ANY>
  <ANY ng-switch-when="matchValue2">...</ANY>
  <ANY ng-switch-default>...</ANY>
</ANY>

Codepen Ön izleme

 

Angular ngSubmit

ngSubmit

Açısal ifadeleri onSubmit olayına bağlamaya yarar. Diğer bir değişle submit butonuna tıklatıldığında form için bir işlev belirlenir. Formda eksik uygulanmış bir eylem varsa form gönderilmeden durdurulacaktır.

Kullanım Şekli;

<form
  ng-submit="expression">
...
</form>

Codepen Ön izleme