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.
<script type="string" id="string"> ... </script>
<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.
<input [ng-value="string"]> ... </input>
Ekleme için kullanılan en yakın ana direktifin, DOM için ekleme noktasını işaret eder.
<ng-transclude ng-transclude-slot="string"> ... </ng-transclude>
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.
<ANY ng-switch="expression"> <ANY ng-switch-when="matchValue1">...</ANY> <ANY ng-switch-when="matchValue2">...</ANY> <ANY ng-switch-default>...</ANY> </ANY>
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.
<form ng-submit="expression"> ... </form>
Öğ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.
<ANY ng-show="expression"> ... </ANY>
İki nesne ya da iki değerin eşit olup olmadığını belirler. Değer türleri, düzenli ifadeler, diziler ve nesneleri destekler.
w3tr = function () {
a = {};
b = {} ;
alert(angular.equals(a, b) == angular.equals(b, a));
}
angular.equals(o1, o2);
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()
angular.element(element);
Kaynağın bir nesne ya da dizi olması durumunda kopyasını oluşturur.
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();
}]);
angular.copy(source, [destination]);
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.
var app = angular.module('deneme', [])
.controller('w3tr', function($scope) {
$scope.w3tr = 'W3TR';
});
angular.bootstrap(document, ['deneme']);
angular.bootstrap(element, [modules], [config]);