说说AngularJS中的$parse和$eval的用法
- 作者: 笔描相思一墨点红尘
- 来源: 51数据库
- 2021-08-30
angularjs的初学者常常会对$parse和$eval两个内建服务感到有些困惑，今天我们就来说说angularjs中的$parse和$eval。
总的来说，$parse和$eval都是作用于angularjs的表达式。
什么是表达式？
angularjs中的表达式就是一些类似于javascript代码的代码片段（但是它们和javascript代码有不尽相同）。表达式通常被用来防止在绑定中，例如{{expression}}。下面是一个例子：
1 + 2 = {{ 1 + 2 }}
或者：
my name is {{ user.name }}
$parse服务
$parse服务可以讲一个表达式转换为一个函数。这个函数可以被调用，其中的参数是一个上下文对象，通常来说是作用域。
另外，通过$parse的表达式返回的这个函数有一个assign属性。这个assign属性也是一个函数，它可以用来在给定的上下文中改变这个表达式的值。
下面是一段简单的代码：
<div my-attr="obj.name" my-directive>testing</div>
app.directive('mydirective',function($log,$parse){
return function(scope,elem,attrs){
//解析"my-attr属性值到一个函数中"
var model = $parse(attrs.myattr);
//model现在是一个函数，可以调用它来获取表达式的值
//下面这行代码将会输出作用域中obj.name的值
$log.log(model(scope));
elem.bind('click',function(){
//'model.assign'也是一个函数，它用来更新表达式的值
model.assign(scope,'new name');
scope.$apply();
})
}
});
上面的例子可以充分体现我们为什么需要$parse服务。如果属性值是name，那么我们完全可以不用$parse，只用scope[attrs.myattr]即可。但是在上面的例子中，方括号并不管用。
$eval服务
$eval是一个作用域scope中的方法，它将会在当前作用域中执行一个表达式并返回结果：
scope.a = 1;
scope.b = 2;
scope.$eval('a+b'); // 3
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
推荐阅读
热点文章
Angular中响应式表单的三种更新值方法详析
7
Angularjs实现下拉框联动的示例代码
7
详解AngularJS跨页面传值（ui-router）
2
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
3
angular2路由切换改变页面title的示例代码
4
Angular2 组件间通过@Input @Output通讯示例
5
Angularjs中ng-repeat的简单实例
3
AngularJS 中ui-view传参的实例详解
4
浅谈Angular路由守卫
4
详解基于Angular4+ server render(服务端渲染)开发教程
4
