说说AngularJS中的$parse和$eval的用法
程序员文章站
2022-07-06 20:39:59
angularjs的初学者常常会对$parse和$eval两个内建服务感到有些困惑,今天我们就来说说angularjs中的$parse和$eval。
总的来说,$pars...
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
Linux中df命令查询磁盘信息和fdisk命令分区的用法
-
mysql中cast()和convert()的用法讲解
-
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
-
Excel中CTRL+D的别样用法 隔行和隔列向下填充示例
-
Pandas中关于数据索引iloc()和loc()的用法和区别
-
PHP中__get()和__set()的用法实例详解
-
js中apply()和call()的区别与用法实例分析
-
详解AngularJS中的filter过滤器用法
-
Python中 Global和Nonlocal的用法详解
-
Python2和Python3中print的用法示例总结