Gọi chức năng điều khiển góc từ Bảng điều khiển trình duyệt

Question

Có thể gọi chức năng điều khiển AngularJS từ bảng điều khiển (Bảng điều khiển Công cụ dành cho nhà phát triển Chrome) không?

ví dụ:

app.controller('AddCtrl', ['$scope', function ($scope) { 



    $scope.save = function(){ 
     // do stuff here - call it from console 
    }; 

}]); 

Answer 1

Vâng, bạn chỉ cần sử dụng angular.element để có được một yếu tố đó là trong phạm vi điều khiển của bạn:

angular.element("yourElement").scope().save(); 

Answer 2

mở các nhà phát triển trình duyệt console. Kiểm tra các yếu tố mà bộ điều khiển được tiêm. Thực hiện như sau:

angular.element($0).scope().save() 

$ 0 là phần tử bạn hiện đang chọn trong bảng điều khiển phần tử bảng điều khiển dành cho nhà phát triển.

Answer 3

Nếu bạn chỉ sử dụng góc và KHÔNG sử dụng jquery bạn có thể làm một cái gì đó giống như angular.element(document.getElementById('yourElement')).scope().save();

Nếu bạn đang sử dụng cả hai góc và jquery, bạn có thể làm angular.element($('#yourElement')).scope().save(); giả định thuộc tính id của phần tử của bạn được thiết lập như <div id=yourElement></div> này

RẤT QUAN TRỌNG Nhưng khi noted here nếu chức năng bạn đang gọi từ giao diện điều khiển bất cứ điều gì mà bạn muốn thay đổi để hiển thị trong chế độ xem thì bạn phải vượt qua chúng thông qua $apply() như

này

var scope = angular.element($('#story')).scope(); 
scope.$apply(function(){ 
    scope.showNextScene(); 
}); 

Answer 4

Bạn có thể tải Chrome Extensioncho các nhà phát triển được gọi là AngularJS Batarang.

Nó sẽ thêm tab AngularJS vào bảng điều khiển dành cho nhà phát triển.

Lựa chọn một phần tử trong trang của bạn, nếu nó có một phạm vi $, nó sẽ hiển thị trong "Elements" panel bên phải, dưới sự "$ phạm vi" tab.

Answer 5

1. Trong trình kiểm tra Chrome, nhấp vào phần tử có phạm vi liên quan tới bộ điều khiển nơi bạn muốn thực thi.
2. Gõ góc. ($ 0) .scope(). NameYourFunctionInScope();
3. Thực thi