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

 

Angular ngShow

ngShow

Öğenin üzerime ng-hide classı ekleyerek ya da kaldırarak öğeyi gösterip gizlemeye yarar. animate-hide classını kullanarak animasyonlu gizlenip gösterilmesini sağlayabilirsiniz.

Kullanım Şekli;

<ANY
  ng-show="expression">
...
</ANY>

Codepen Ön izleme

 

AngularJS angular.equals Fonksiyonu

angular.equals Fonksiyonu;

İki nesne ya da iki değerin eşit olup olmadığını belirler. Değer türleri, düzenli ifadeler, diziler ve nesneleri destekler.

Örnek

w3tr = function () {
    a = {};
    b = {} ;
    alert(angular.equals(a, b) == angular.equals(b, a));
}

Codepen Ön izleme

Kullanımı

angular.equals(o1, o2);

AngularJS angular.element Fonksiyonu

angular.element Fonksiyonu;

Aşağıda izin verilen jQuery lite olarak da adlandırılan fonksiyonları kullanabilirsiniz.

addClass()

after()

append()

attr()

bind()

children()

clone()

contents()

css()

data()

detach()

empty()

eq()

find()

hasClass()

html()

next()

on()

off()

one()

parent()

prepend()

prop()

ready()

remove()

removeAttr()

removeClass()

removeData()

replaceWith()

text()

toggleClass()

triggerHandler()

unbind()

val()

wrap()

Kullanımı

angular.element(element);

AngularJS angular.copy Fonksiyonu

angular.copy Fonksiyonu;

Kaynağın bir nesne ya da dizi olması durumunda kopyasını oluşturur.

Örnek

angular.module('deneme', [])
  .controller('w3tr', ['test', function($scope) {
    $scope.master= {};
    $scope.update = function(user) {
      $scope.master= angular.copy(user);
    };
    $scope.reset = function() {
      angular.copy($scope.master, $scope.user);
    };
    $scope.reset();
  }]);

Codepen Ön izleme

Kullanımı

angular.copy(source, [destination]);

AngularJS angular.bootstrap Fonksiyonu

angular.bootstrap Fonksiyonu;

Eğer başlatma işlemi üzerinde daha fazla kontrol sahibi olmak isteniyorsa, bunun için manuel önyükleme yöntemini kullanabilirsiniz. Eğer bu fonksiyon kullanılacaksa otomatik başlatma işlemi olan ng-app direktivini kullanamassınız.

Örnek

var app = angular.module('deneme', [])
  .controller('w3tr', function($scope) {
      $scope.w3tr = 'W3TR';
  });
  angular.bootstrap(document, ['deneme']);

Codepen Ön izleme

Kullanımı

angular.bootstrap(element, [modules], [config]);