ІМХО, найвиразніше досвід отримує / встановлює значення конкретного обсягу, пов’язаного з візуальним елементом. Я робив багато точок перерви не тільки у власному коді, але й у самому angular.js, але іноді це просто не найефективніший спосіб. Хоча наведені нижче методи дуже потужні, вони, безумовно, вважаються поганою практикою, якщо ви насправді використовуєте у виробничому коді, тому використовуйте їх розумно!
Отримайте посилання в консолі від візуального елемента
У багатьох веб-переглядачах, які не є IE, ви можете вибрати елемент, клацнувши правою кнопкою миші елемент та натиснувши "Перевірити елемент". Ви також можете натиснути будь-який елемент, наприклад, на вкладці «Елементи» в Chrome. Останній обраний елемент буде зберігатися в змінній $0консолі.
Отримайте область, пов'язану з елементом
Залежно від того, чи існує директива, яка створює область ізоляції, ви можете отримати область застосування до ( angular.element($0).scope()або angular.element($0).isolateScope()використовувати, $($0).scope()якщо $ увімкнено). Це саме те, що ви отримуєте, коли використовуєте останню версію Batarang. Якщо ви змінюєте значення безпосередньо, не забудьте використовувати scope.$digest()для відображення змін у інтерфейсі користувача.
$ eval - це зло
Не обов’язково для налагодження. scope.$eval(expression)дуже зручно, коли ви хочете швидко перевірити, чи має вираз очікуване значення.
Зниклі члени прототипу сфери застосування
Різниця між scope.blaі scope.$eval('bla')є першою не враховує прототипно успадковані значення. Використовуйте фрагмент нижче, щоб отримати ціле зображення (значення ви не можете безпосередньо змінити, але $evalвсе одно можете використовувати !)
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))
}
};
Використовуйте його scopeEval($($0).scope()).
Де мій контролер?
Іноді ви, можливо, захочете контролювати значення, ngModelколи ви пишете директиву. Використовуйте $($0).controller('ngModel')і ви отримаєте , щоб перевірити $formatters, $parsers, $modelValue, $viewValue $renderі все.