IMHO, en sinir bozucu deneyim, görsel bir öğeyle ilgili belirli bir kapsamın değerini almaktan / belirlemekten gelir. Sadece kendi kodumda değil, aynı zamanda angular.js'de de çok sayıda kesme noktası yaptım, ancak bazen bu en etkili yol olmuyor. Aşağıdaki yöntemler çok güçlü olsa da, gerçekten üretim kodunda kullanıyorsanız kesinlikle kötü uygulama olarak kabul edilir, bu yüzden onları akıllıca kullanın!
Konsolda görsel bir öğeden referans alın
IE olmayan tarayıcıların çoğunda, bir öğeyi sağ tıklayıp "Öğeyi İncele" yi tıklayarak bir öğeyi seçebilirsiniz. Alternatif olarak, örneğin Chrome'daki Öğeler sekmesindeki herhangi bir öğeyi de tıklayabilirsiniz. En son seçilen öğe, $0konsolda değişken olarak saklanacaktır .
Bir öğeye bağlı bir kapsam alın
İzolasyon kapsamı oluşturan bir yönerge olup olmadığına bağlı olarak kapsamı angular.element($0).scope()veya ile alabilirsiniz angular.element($0).isolateScope()( $($0).scope()$ etkinse kullanın ). Batarang'ın en son sürümünü kullandığınızda tam olarak elde ettiğiniz şey budur. Değeri doğrudan değiştiriyorsanız scope.$digest(), değişiklikleri kullanıcı arayüzünde yansıtmak için kullanmayı unutmayın .
$ eval kötüdür
Hata ayıklama için gerekli değildir. scope.$eval(expression)bir ifadenin beklenen değere sahip olup olmadığını hızlıca kontrol etmek istediğinizde çok kullanışlıdır.
Kapsamın eksik prototip üyeleri
Arasındaki fark scope.blave scope.$eval('bla')prototip miras değerlerini dikkate almaz eski olduğunu. Resmin tamamını görmek için aşağıdaki pasajı kullanın (değeri doğrudan değiştiremezsiniz, ancak $evalyine de kullanabilirsiniz !)
scopeCopy = function (scope) {
var a = {};
for (x in scope){
if (scope.hasOwnProperty(x) &&
x.substring(0,1) !== '$' &&
x !== 'this') {
a[x] = angular.copy(scope[x])
}
}
return a
};
scopeEval = function (scope) {
if (scope.$parent === null) {
return hoho(scope)
} else {
return angular.extend({}, haha(scope.$parent), hoho(scope))
}
};
İle kullanın scopeEval($($0).scope()).
Denetleyicim nerede?
Bazen ngModelbir direktif yazarken değerleri izlemek isteyebilirsiniz . Kullanım $($0).controller('ngModel')ve denetlemek alacak $formatters, $parsers, $modelValue, $viewValue $renderve her şeyi.