angular.js $parse的用法demo

最新推荐文章于 2021-03-17 21:21:30 发布
最新推荐文章于 2021-03-17 21:21:30 发布
阅读量890 收藏
点赞数
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lambert0320/article/details/70156336
版权

《angular权威教程》中的$parse的用法Page20页中给了一个demo，无法运行出正确结果，后台也没有报错

做了如下更改后，可正确运行，但目前无法确定自己的使用方法是否正确。仅供各位看官参考

<!doctype html>

<html ng-app="myApp">
<head>
  <title>Parse Expression Example</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js"></script>
</head>
<body>


  <div ng-controller="MyController">
    <input ng-model="expr"
            type="text"
            placeholder="Enter an expression" />
    <div>{{ parsedExpr }}</div>
  </div>


  <script>
    angular.module('myApp', [])
    .controller('MyController',
    ['$scope', '$parse', function($scope, $parse) {
      $scope.$watch('expr', function(newVal, oldVal, s) {
        if (newVal !== oldVal) {
          var parseFun = $parse('expr');
          console.log(parseFun);
          s.parsedExpr = parseFun(s);
        }
      });
    }]);
  </script>
</body>
</html>
LambAI_2022
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular项目中$scope.$apply()方法的使用详解
10-19
主要给大家介绍了关于Angular项目中$scope.$apply()方法使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Angularjs具有一定的参考学习价值，需要的朋友们下面跟着小编一起来看看吧。
详解为Angular.js内置$http服务添加拦截器的方法
10-20
所谓拦截器就是在目标达到目的地之前对其进行处理以便处理结果更加符合我们的预期。Angular的$http拦截器是通过$httpProvider.interceptors数组定义的一组...本文就介绍了为Angular.js内置$http服务添加拦截器的方法。
angular之$parse
LuckySummer*
07-30 1149
$parse服务 $parse服务可以讲一个表达式转换为一个函数。这个函数可以被调用，其中的参数是一个上下文对象，通常来说是作用域。 另外，通过$parse的表达式返回的这个函数有一个assign属性。这个assign属性也是一个函数，它可以用来在给定的上下文中改变这个表达式的值。 下面是一段简单的代码： div my-attr="obj.name" my-directive>test
angularjs-1.3代码学习-$parse
xiaojiejie123s的博客
09-14 358
这次我们来看一下angular的Sandboxing Angular Expressions。关于内置方法的，核心有两块：Lexer和Parser。其中大家对$parse可能更了解一点。好了不多废话，先看Lexer的内部结构： 1.Lexer //构造函数 var Lexer = function(options) { this.options = options; }; //
浅谈AngularJS的$parse服务 1
weixin_34192816的博客
05-09 123
首先看看官方关于$parse的api $parse 作用：将一个AngularJS表达式转换成一个函数 Usage$parse(expression) arguments expression:需要被编译的AngularJS语句 returnsfunc(context, locals) context[object]:针对...
angularjs中$parse的用法
weixin_30537451的博客
08-28 316
转载自：https://umur.blog/2014/02/25/advanced-angular-parse/ 高级Angular：$ parse 如果你想加强你的AngularJS知识，$ parse是你应该了解的最重要的服务之一。它被用于大多数指令中，为您提供了一系列新的可能性。 那么，它做了什么？让我们从一个众所周知的地方开始：ngClick。 ngClick指令，接受表达式，...
《AngularJs》解析表达式服务$parse
HerGhost
10-29 1464
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/angular.min.js"></script> </head> <body ng-app="myApp"> <div ng-controller="MyCo
angular.extend方法的具体使用
08-29
Angular.extend方法的具体使用 angular.extend方法是AngularJs框架中的一个重要方法，主要用来将一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性。该方法的使用可以...
【转】angular中$parse详解教程
weixin_33834628的博客
06-29 394
原文： https://yq.aliyun.com/ziliao/40516   --------------------------------------------------------------------------- 摘要： 本文讲的是angular中$parse详解教程， 翻开angular的api文档,官方只给出了简短的解释"Converts Angular expressio...
AngularJS的$parse服务
进步ing
11-12 201
浅谈AngularJS的$parse服务 首先看看官方关于$parse的api    $parse(expression)------将一个AngularJS表达式转换成一个函数             expression:需要被编译的AngularJS语句             returnsfunc(context, locals)             context[object]:...
angularjs手动解析表达式（$parse）
weixin_33700350的博客
10-12 132
1 <!DOCTYPE html> 2 <html lang="zh-CN" ng-app="app"> 3 <head> 4 <meta charset="utf-8"> 5 <title>手动解析表达式（$parse）</title> 6 <link rel="sty...
浅谈AngularJS的$parse服务
weixin_30326745的博客
07-23 170
首先看看官方关于$parse的api $parse 作用：将一个AngularJS表达式转换成一个函数 Usage $parse(expression) arguments expression:需要被编译的AngularJS语句 returnsfunc(context, locals) context[object]:针对你要解析的语句，这个对象中含有你要解析...
angularjs $parse服务、$eval服务
书香水墨
10-18 330
一、使用 用于事先知道一个对象的结构属性，但是不知道这个对象具体的值，可以根据该对象的属性生成一个函数，在之后传入该对象，便可以获取到该对象属性的具体值了。 var $parse = $injector.get('$parse'); var getter = $parse('user.name'); var setter = getter.assign; // 定义对象 var contex...
$parse
yo_123的专栏
04-18 405
$parse典型的使用是放在设置字符串表达式映射在真实对象上的值。也可以从$parse上直接获取到表达式对应的值。 var getter = $parse('user.name');  var setter = getter.assign;  setter(scope, 'new name'); getter(context, locals) // 传入作用域，返回值 setter(sc
angular源码分析:angular中脏活累活承担者之$parse
weixin_30325487的博客
11-17 109
我们在上一期中讲 $rootscope时,看到$rootscope是依赖$prase,其实不止是$rootscope,翻看angular的源码随便翻翻就可以发现很多地方是依赖于$parse的。而$parse的源码打开一看,它的代码量有接近两千行。翻开angular的api文档,官方只给出了简短的解释"Converts Angular expression into a function(将一个an...
AngularsJS中的$parse、$eval
书香水墨
03-17 184
一、$parse服务 $parse服务可以将一个表达式转换为一个函数。这个函数可以被调用，其中的参数是一个上下文对象，通常来说是作用域。 另外，通过$parse的表达式返回的这个函数有一个assign属性。这个assign属性也是一个函数，它可以用来在给定的上下文中改变这个表达式的值。 <div my-attr="obj.name" my-directive>testing</div> app.directive('myDirective',function($log, $pa
$parse、$eval及$compile服务详解及案例
刹那的博客
08-02 363
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。 $parse和 $eval 　大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而...
收集到的各种 nodejs，express，body-parse，angular，vue，react的各种小主题的资源的讲解
liangxw1的专栏
03-12 354
// nodejs，express，body-parse _________________________________________________________________________________________________________________ Keeping API Routing Clean Using Express Routers http
angular.min.js:80 Error: [$parse:lexerr]
qq_43523985的博客
11-03 1164
10angular.min.js:80 Error: [$parse:lexerr] http://errors.angularjs.org/1.2.9/$parse/lexerr? p0=Unexpected%20nextharacter%20&amp;p1=s%2011-11%20%5B%5C%5D&amp;p2=item.title%20%5C%20trustHtml at http...
Angular.js入门教程：打造响应式网站
如果你正在使用JavaScript构建动态网站，Angular.js是一个很好的选择。它有助于整理你的JavaScript代码，使网站更具响应性，快速加载。同时，Angular与jQuery无缝集成，这意味着你可以利用jQuery的强大功能，而不会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值