angular.injector Fonksiyonu

Bağımlı enjeksiyonları yeri gelince hizmetleri almak için kullanılan bir enjektör nesnesi oluşturur.

Örnek

// create an injector
var $injector = angular.injector(['ng']);

// use the injector to kick off your application
// use the type inference to auto inject arguments, or use implicit injection
$injector.invoke(function($rootScope, $compile, $document) {
  $compile($document)($rootScope);
  $rootScope.$digest();
});

Codepen Ön izleme

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

Kullanımı:

angular.injector(modules, [strictDi]);

Posted on 25 Mart 201625 Mart 2016 by Ahmet Çağlayan 0

angular.identity Fonksiyonu

İlk bağımsız değişkenin değerini döndüren bir işlevdir. İşlevsel bir tarzda kod yazarken bu işlev yararlıdır.

Örnek

function transformer(transformationFn, value) {
  return (transformationFn || angular.identity)(value);
};

Codepen Ön izlemesi

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

Kullanımı:

angular.identity(value);

Posted on 25 Mart 201625 Mart 2016 by Ahmet Çağlayan 0

angular.fromJson Fonksiyonu

Bir JSON dizesini deserializes yapar.

Örnek

var strJSON= '{"name":"Jimi","age":30,"address":"12-13/A10"}';
  
document.write(angular.fromJson('{"a":1,"b":2,"c":3}'));  
document.write("</br>");
  
document.write(angular.fromJson(strJSON));  
document.write("</br>");

Codepen Ön izlemesi

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

Kullanımı:

angular.fromJson(json);

Posted on 25 Mart 201625 Mart 2016 by Ahmet Çağlayan 0

angular.forEach Fonksiyonu

Nesne ya da obje için bir yenileyici çağırır. Diziyi kontrol etmenizide sağlar. Böylelikle girilen değerin dizideki bir değere eşit olup olmadığını kontrol edebilirsiniz.

Örnek

var values = {name: 'misko', gender: 'male'};
var log = [];
angular.forEach(values, function(value, key) {
  this.push(key + ': ' + value);
}, log);
expect(log).toEqual(['name: misko', 'gender: male']);

Codepen Ön izleme

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

Kullanımı:

angular.forEach(obj, iterator, [context]);

Posted on 25 Mart 201625 Mart 2016 by Ahmet Çağlayan 0

angular.extend Fonksiyonu

Nesne için nesne kopyalayabilen bir fonksiyondur. Özgün nesneleri korumak isterseniz bunu hedefi boş bırakarak geçebilirsiniz.

Örnek

var myApp= angular.module("myApp",[]);

myApp.controller("MyController",
  ["$scope", function($scope){
    $scope.fruitArraySource =["Elma","Mango"];
    $scope.fruitArrayDestination =["Orange","Grapes"];
    angular.copy($scope.fruitArraySource, $scope.fruitArrayDestination);
    
    $scope.studentObjectSource ={"isim":"Ahmet"};
    $scope.subjectObjectDestination ={"iş":"Front end developer"};
     angular.extend($scope.subjectObjectDestination,
                         $scope.studentObjectSource);
}]);

Codepen Ön izleme

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

Kullanımı:

angular.extend(dst, src);

Posted on 25 Mart 201625 Mart 2016 by Ahmet Çağlayan 0

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

See the Pen <a href="http://codepen.io/w3tr/pen/Mymqxz/">AngularJS angular.equals Fonksiyonu</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanımı

angular.equals(o1, o2);

Posted on 24 Mart 2016 by Samed GÖZÜTOK 0

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);

Posted on 24 Mart 2016 by Samed GÖZÜTOK 0

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

See the Pen <a href="http://codepen.io/w3tr/pen/WwjKqo/">AngularJS angular.copy Fonksiyonu</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanımı

angular.copy(source, [destination]);

Posted on 24 Mart 2016 by Samed GÖZÜTOK 0

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

See the Pen <a href="http://codepen.io/w3tr/pen/YqVjYd/">AngularJS angular.bootstrap Fonksiyonu</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanımı

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

Posted on 24 Mart 2016 by Samed GÖZÜTOK 0

jQuery :visible Seçicisi

:visible Seçicisi;

Görünür bütün elementleri seçmek için kullanılır.

Örnek

$("p:visible").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/RaVgpv/">jQuery :visible Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:visible”)

Posted on 23 Mart 2016 by Samed GÖZÜTOK 0

HTML, CSS