技术原理

关于Angular JS watch函数的所有信息

的角JS$scope函数是一些主要函数。在本文中,我们将按以下顺序讨论Angular JS watch函数:

什么是Angular JS watch函数?如何使用AngularJS手表功能?代码

什么是角度JS监视函数

“角度JS$watch函数用于监视scope对象。$watch关注变量,当变量值改变时,运行函数的角度JS$。此函数有两个参数,一个是新值,另一个是旧值。

angular js watch

如何使用angular JS watch函数

“让我们举一个简单的例子,看看angular JS中的watch函数到底做了什么。所以在我们的angular JS程序中,我们在那里创建了两个文件索引.js负责前端和应用程序js负责处理后端。这里我们用一个表单制作一个简单的程序,这个表单有一个输入字段。当我们在输入字段中输入名称时,输出消息将显示旧值和新值。

HTML代码

我们的index.html索引页面有一个名为ngWatchApp的角度应用程序和一个名为watchController的控制器。然后我们创建一个表单,表单中有一个输入字段名和我们在h1标记中打印的输入字段值,消息在 标记中打印。

角度观察示例 输入您的姓名 {{消息}

中的

JavaScript代码

应用程序js我们创建了一个名为ngWatchApp的应用程序和一个名为watchController的控制器。接下来,我们用名称、名称和消息定义作用域中的两个变量,并在watch函数中传递两个参数,一个是更改时受影响的字段的名称,另一个是还具有两个参数(新值和旧值)的函数。最后,我们在消息变量中附加两个值,消息变量显示在index.html索引页面。

变量app=角度模块('ngWatchApp',[]);应用程序控制器(“watchController”,函数($scope){//添加范围变量$作用域.消息= "";//添加带名称字段的监视$scope.$watch(“name”,函数(newValue='',oldValue=''){});});

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
人工智能学院 投稿者
我还没有学会写个人说明!
最近文章
  • * 没有更多文章了
  • 热门搜索

    分类目录