`

JavaScript获取AngularJS的$scope对象

 
阅读更多

方法1:通过App对象查找 

// 通过DOM操作获取ng-app对象
var element = angular.element(document.getElementById("myApp"));
// 通过app对象获取ctrl对象
var controller = element.controller();
// 通过ctrl对象获取$scope
var scope = element.scope();

 

 

方法2:通过Controller查找

// 输入参数为ctrl名字
var ctrl= document.querySelector('[ng-controller=ctrlName]');
var scope = angular.element(ctrl).scope();

 

 

使修改后的数据生效 

scope.$apply();

 

其他常用方法 

// 获取当前元素的$socpe: 
angular.element(domElement).scope() 
// 获取当前app的injector:
angular.element(domElement).injector()
// 获取当前元素的controller:
angular.element(domElement).controller() 

 

 

 

分享到:
评论

相关推荐

    angularJS 中$scope方法使用指南

    -- 这里的{{items}}和{{m}}将会从$scope对象获取相应的数据 --> <p>Items: {{items}} <p>Message: {{m}} <!-- $scope函数也可以在视图中直接调用 --> <p>Sum: {{sum(1, 2)}} ``` ### $scope在自定义指令中的...

    angularJs中$scope数据序列化的实例

    这些字段的数据绑定到$scope对象的`field`属性,利用AngularJS的`ng-model`指令实现双向数据绑定。这样,当用户在表单中输入数据时,这些更改会立即反映到对应的$scope对象上。 ```html 标题: ...

    详解在AngularJS的controller外部直接获取$scope

    以下是如何在AngularJS的controller外部直接获取和操作`$scope`的详细步骤和注意事项: 1. **获取`$scope`**: 在jQuery环境中,可以通过`.scope()`方法来获取与特定DOM元素关联的`$scope`对象。例如,如果你知道...

    详解AngularJS之$window窗口对象

    **AngularJS中的$window窗口对象** 在AngularJS框架中,$window对象是一个服务,它提供了对浏览器原生window对象的封装。这个服务允许开发者在AngularJS应用中安全地使用全局window对象,同时解决了直接使用window...

    javascript,angularjs

    - **$scope的树形结构**:每个AngularJS应用都有一个根$scope对象,它通常位于ng-app指令上。此外,每个控制器都拥有自己的作用域,这些作用域形成了一个树状结构,与DOM元素的结构相平行。子作用域继承父作用域的...

    angularJS 中$attrs方法使用指南

    AngularJS是一个广泛使用的JavaScript框架,它主要用于构建单页面应用程序。在AngularJS中,指令(directives)是核心组成部分,它们可以通过DOM操作来扩展HTML的功能和外观。$attrs是AngularJS中的一个服务,用于在...

    浅谈angularjs $http提交数据探索

    AngularJS是一个流行的JavaScript框架,用于构建单页应用程序(SPA)。它提供了强大的数据绑定和依赖注入功能,使得前后端交互更加简便。在AngularJS中,$http服务是用于与服务器进行异步通信的主要工具,它支持GET...

    AngularJS $on、$emit和$broadcast的使用

    在监听器函数中,可以获取到事件对象,它包含了一些有用的信息,如event.targetScope表示发出或传播原始事件的作用域,event.currentScope表示正在处理事件的作用域,event.name表示事件名称。event.stopPropagation...

    AngularJs $parse、$eval和$observe、$watch详解

    $eval是一个作用域(scope)对象上的方法,可以用于快速获取或设置作用域中的表达式的值。因为$eval已经预设了作用域上下文,所以使用起来比较方便。在某些情况下,$eval可以被看作是$parse服务的一个语法糖。 例如...

    angularJS之$http:与服务器交互示例

    - `headers`:一个函数,可以用来获取响应头。 - `config`:原始的请求配置对象。 同样,如果请求失败,error回调会被调用,参数与success相同。 AngularJS还提供了特定HTTP方法的简写,如`$http.post()`、`$...

    angularjs,ng-repeat循环渲染时,无法获取dom对象.pdf

    这个服务是AngularJS中封装的JavaScript原生的`setTimeout`函数,它允许开发者在AngularJS的下一个事件循环结束之后执行函数,即等待当前的数据绑定和视图渲染操作完成后才去获取DOM对象。使用`$timeout`服务来延迟...

    AngularJS API常用方法示例

    AngularJS,作为一款强大的前端JavaScript框架,为开发者提供了丰富的API,用于构建交互式、动态的Web应用。本篇将详细介绍一些AngularJS API的常用方法,帮助你更好地理解和运用这个框架。 ### 1. `$scope`对象 `...

    AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值

    使用$parse和$eval时需要注意,它们都能够访问或修改Scope对象,因此它们的使用需要谨慎。如果在不恰当的时机使用,可能会引起作用域混乱或性能问题。例如,在$digest循环中使用$eval修改Scope变量可能会引发新的$...

    说说AngularJS中的$parse和$eval的用法

    这个函数接受一个上下文对象,通常是作用域(scope),作为参数。通过调用这个函数,我们可以获取或设置表达式在上下文中的值。$parse返回的函数还有一个`assign`属性,它是一个函数,用于在指定的上下文中改变...

    angularJs中$http获取后台数据的实例讲解

    在AngularJS中,使用$http服务来获取后台数据是常见的需求,因为大多数Web应用都需要从服务器动态获取数据来更新页面。AngularJS内置的$http服务是一个用于进行HTTP请求的函数,它返回一个promise对象,使得可以链式...

    【JavaScript源代码】angularjs循环对象属性实现动态列的思路详解.docx

    ### AngularJS循环对象属性实现动态列的思路详解 在开发基于AngularJS的应用程序时,有时候我们需要根据后端传来的数据动态地生成表格列。这种方式能够极大地提高应用的灵活性,尤其是在处理那些具有不确定属性的...

    详解JavaScript的AngularJS框架中的作用域与数据绑定_.docx

    在JavaScript的AngularJS框架中,作用域(Scope)和数据绑定是两个核心概念,它们极大地简化了前端开发的复杂性,特别是对于构建大型单页面应用(SPA)来说。AngularJS由Google发起,作为一款轻量级的MVC框架,它...

    angularJS的分页控件

    创建一个资源对象来获取和管理数据: ```javascript app.factory('PageService', ['$resource', function($resource) { return $resource('/api/data/:page', { page: '@page' }, { query: { method: 'GET', ...

    angularJS二级联动选择菜单

    // 返回Promise对象,用于异步获取数据 }, getLevelTwo: function(selectedLevel) { // 根据selectedLevel获取二级数据 } }; }); app.controller('MyCtrl', function($scope, DataService) { DataService....

    AngularJS学习笔记.pdf

    在 AngularJS 中,每个控制器都有一个对应的 `$scope` 对象,该对象作为模型和视图之间的桥梁。 - **示例代码**: ```javascript var BoxCtrl = function ($scope, $element) { var e = $element.children().eq...

Global site tag (gtag.js) - Google Analytics