javascript - 何时在 Angular.js 中使用 $parse

Question

angular js 中的 $parse 提供程序如何工作，在哪些情况下有用，在哪些情况下分配 fn 可用。

Answer 1

$parse 对于评估字符串并返回可以操作模型或调用函数的函数很有用。字符串中的任何变量都是从传递给函数的上下文中解析出来的。

获取和设置模型的属性

$parse 对于将 Angular 表达式编译成可以获取/设置模型的函数很有用。

例如，如果你想获取/设置user.name，你可以使用$parse('user.name'):

setter/getter

var context = { user: { name: 'john'}};
var getter = $parse('user.name');
var name = getter(context);
console.log(name); // outputs 'john'

二传手

var context = { user: { name: 'john'}};
var setter = $parse('user.name').assign;
setter(context, 'tom');
console.log(context.user.name); //outputs tom

$scope 也可以作为上下文:

$scope.user = { name: 'john' };
var getter = $parse('user.name');
var name = getter($scope);
console.log(name); // outputs 'john'

调用函数

$parse 也可用于将 Angular 表达式编译为可调用函数。

例如，如果你想调用一个名为helloWorld()的函数:

var context = { 
      helloWorld: function(name) { 
           alert(name); 
      }, 
      user: {
           name:'john'
      }
};
var fn = $parse('helloWorld(user.name)');
fn(context); // alerts 'john'