angularJS之$watch用法

最新推荐文章于 2022-05-25 18:45:22 发布

bollyrui

最新推荐文章于 2022-05-25 18:45:22 发布

阅读量441

点赞数

分类专栏： angularJS 文章标签：函数 angularjs

本文链接：https://blog.csdn.net/u010578251/article/details/49783987

版权

angularJS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

$scope.$ watch(‘表达式的值’,’回调函数’)函数监视一个表达式，当表达式发生变化，就触发一个回调函数

<!doctype html>
<html lang="en" ng-app="moduleApp">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
     <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</head>
<body>
    <form action="" ng-controller="fundController">
        <input type="text" ng-model="fundNum.text">
        <p>改动input的值{{fundNum.inter}}</p>
    </form>
    <script>
var moduleApp=angular.module('moduleApp',[]);
moduleApp.controller('fundController',function($scope){
$scope.fundNum={
    text:0
}
computNeed=function(){
    $scope.fundNum.inter=$scope.fundNum.text*10;
}
$scope.$watch('fundNum.text',computNeed);
});
    </script>
</body>
</html>

bollyrui

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJS之$watch用法

scope.scope.watch(‘表达式的值’,’回调函数’)函数监视一个表达式，当表达式发生变化，就触发一个回调函数<!doctype html><html lang="en" ng-app="moduleApp"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://a
复制链接

扫一扫

专栏目录