AngularJS $parse和$eval服务用法实例
来源：互联网 2026-06-15 08:28:55$parse服务将字符串表达式解析为可调用函数，支持通过.assign读写，能处理嵌套属性等复杂路径。$eval是作用域方法，直接在当前作用域执行表达式并返回结果。两者均实现字符串到可执行代码的转换。
一、$parse服务
在AngularJS中，若需将字符串表达式真正“运行”并计算出对应值，$parse正是完成这一任务的服务。它能够将表达式解析为可调用的函数，该函数的参数即为上下文对象——通常指作用域（$scope）。
更有价值的是，通过$parse返回的函数自带一个.assign属性，该属性本身也是一个函数，专用于在给定上下文中修改表达式的值。换言之，借助$parse既可“读取”也可“写入”表达式对应的数据。
长期稳定更新的攒劲资源： >>>点此立即查看<<<
以下是一个典型应用场景。假设HTML代码如下：
testing
在指令中这样实现：
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"），直接通过作用域访问即可；但若遇到带路径的表达式（如"obj.name"），单纯用方括号索引无法正确解析。此时$parse的价值得以体现：它能处理任意复杂度的表达式，包括嵌套属性、过滤器运算等，并返回一个可重复调用的函数。
二、$eval服务
$eval是作用域自带的方法，用法更为直接：在当前作用域下执行一个表达式并返回结果。无需手动传入上下文，因为上下文即为当前作用域本身。
scope.a = 1;
scope.b = 2;
scope.$eval('a+b'); // 返回3
对比之下，$parse先将表达式“编译”成函数，可保存下来反复使用，适合在指令链接函数中批量处理；而$eval即开即用，适合在作用域内部某个逻辑点临时计算。两者各有适用场景，但本质相同：将字符串转化为可执行的代码。
侠游戏发布此文仅为了传递信息，不代表侠游戏网站认同其观点或证实其描述
