javascript - Angular js 在每次 onkeyup 操作后检查输入框以查看它是否满足条件?

标签 javascript angularjs model-view-controller onkeyup angular-ng-if

所以我是 Angular js 的新手,我了解能够实时输入和查看输出的直接优势,就像这个简单的例子一样:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">      </script>
<body>
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>{{name}}</p>
</div>
</body>
</html>

但现在我想进一步检查用户是否在任何阶段输入数字 4。如果是,我想向用户输出一条简单的消息。

我想这涉及 ng-if 或 ng-onkeyup,但是有关实现这些的文档很难理解,如果在该领域有经验的人能够指导我正确的方向,我将不胜感激。

谢谢

最佳答案

这里不需要 keyup。一个简单的 ng-if 就可以满足你的需要:

    <div ng-app="">
    <p>Name:
        <input type="text" ng-model="name">
    </p>
    <p>{{name}}</p>
        <div ng-if="name==4">You entered four. This is a relevant message to four</div>
</div>

关于javascript - Angular js 在每次 onkeyup 操作后检查输入框以查看它是否满足条件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31918018/

相关文章:

javascript - 嵌入导航栏下拉菜单时的 Meteor accounts-ui 下拉菜单行为

javascript - 调用引用(theID)的多个函数

javascript - angular js渲染如果

angularjs - 无法使用 Protractor 在 iframe 中找到文本字段

javascript - 使用 uib-popover 时设置条件

javascript - 在 Vanilla JavaScript 中,当有多个模型/ View / Controller 时,我该如何构建我的应用程序?

javascript - JavaScript 中的闭包

java - 调度程序 View 模式和 MVC

php - 如何在 PHP 中从头开始实现 MVC?

javascript - JSPDF - 使用大量图像