angularjs----mark

最新推荐文章于 2024-10-09 00:58:21 发布

没有名字o_o

最新推荐文章于 2024-10-09 00:58:21 发布

阅读量423

点赞数

分类专栏： angualr 文章标签： javascript

本文链接：https://blog.csdn.net/liujinahui/article/details/50534775

版权

angualr 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

$watch 进行监控，$ parse 手动解析

http://jsbin.com/rasafitame/edit?html,js,output

<!DOCTYPE html>
<html ng-app='myApp'>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  {{1}}
  <div ng-controller='myController'>
    <input type="text" ng-model='expr' placeholder="请输入值">
    <h2>解析值{{parsedValue}}</h2>
  </div>
</body>
</html>

var app = angular.module('myApp',[]);
app.controller('myController',['$scope','$parse',function($scope,$parse){
  $scope.$watch('expr',function(oldVal,newVal,scope){
    if(oldVal !== newVal){
      var parseFun = $parse('expr');
      $scope.parsedValue = parseFun(scope);
    }
  });
}]);