Angular js输入框键入并暂停
AngularJS是一种流行的前端开发框架，它提供了一种简洁、高效的方式来构建动态的Web应用程序。在AngularJS中，输入框键入并暂停是指在用户输入内容时，可以通过监听输入事件来实现实时的响应和处理。
具体实现输入框键入并暂停的步骤如下：
- 在HTML中定义一个输入框元素：
<input type="text" ng-model="inputText" ng-keyup="handleInput()" />这里使用了AngularJS的指令ng-model来绑定输入框的值到一个作用域变量inputText上，并使用ng-keyup指令来监听键盘按键抬起事件。
- 在控制器中定义处理输入的函数：
$scope.handleInput = function() {
// 处理输入的逻辑
};在这个函数中，可以编写处理输入的逻辑，比如根据输入内容进行搜索、过滤等操作。
通过以上步骤，就可以实现输入框键入并暂停的功能。
AngularJS的优势在于它提供了双向数据绑定、模块化、依赖注入等特性，使得开发者可以更加高效地构建复杂的前端应用程序。它还有丰富的生态系统和社区支持，提供了大量的插件和扩展，可以满足各种不同的需求。
在腾讯云的产品中，与AngularJS相关的产品包括：
- 云服务器（CVM）：提供了可弹性伸缩的云服务器实例，可以用来部署和运行AngularJS应用程序。产品介绍链接
- 云数据库MySQL版（CDB）：提供了高可用、可扩展的MySQL数据库服务，可以用来存储和管理AngularJS应用程序的数据。产品介绍链接
- 云存储（COS）：提供了安全可靠、高性能的对象存储服务，可以用来存储和分发AngularJS应用程序的静态资源。产品介绍链接
以上是关于AngularJS输入框键入并暂停的完善且全面的答案，希望能对您有所帮助。
相关·内容
我是angular js的新手，在使用xmpp服务和angular js时，我遇到了这样的情况:当用户开始在输入框中输入时，我需要发送输入，而当用户停止输入时，我需要暂停。
我有一个基本的想法，就是我需要使用$timeout，并且有一个像vm.isTyping = false;这样的变量
我也写了一些类似的平台。
vm.isTyping = false;
vm.checkTyping = function(){
$timeout(function() {
vm.isTyping = true;
},2000);
if(!vm.isTyping){
浏览 17提问于2016-09-01得票数 5
2回答
我创建了一个AngularJS应用程序，当您在输入框中键入多个字符时，它会过滤输入框下的列表。这个输入框在页面的中间，我希望当用户键入时，它会跳到页面的顶部。我不确定如何实现这一点。我是jquery和Angular的新手，所以如果有任何帮助，我将不胜感激
浏览 1提问于2013-08-06得票数 0
我看到了一个像折叠一样的样本..。在我看到这个例子之后，我有几个问题要理解angular.copy，谁能帮我理解呢？
下面是html和js的全部代码：-
<!DOCTYPE html>
<html ng-app="parking">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Car Parking&
浏览 4提问于2014-12-10得票数 0
我正在运行"tsc“，并得到以下错误
typings/browser/ambient/es6-shim/index.d.ts(554,13): error TS2403: Subsequent variable declarations must have the same type. Variable 'Promise' must be of type 'any', but here has type 'PromiseConstructor'.
typings/globals/require/index.d.ts(367,13):
浏览 3提问于2016-05-24得票数 2
1回答
我想做一个Jquery脚本，帮助我登录网站，只要一次点击。
E.g
我想为gmail进行自动登录，而不是用Jquery脚本编写。
jQuery("#username").val("my UserName");
jQuery("#password").val("****");
jQuery("#submit").submit();
这里
(#)用户名是登录页面上用户名输入框的id。
(#)密码是登录页面上密码输入框的id。
(#)提交是登录按钮登录页面的id。
这个Jquery添加了我的浏览器书签。就像这样
java
浏览 1提问于2015-06-22得票数 1
回答已采纳
3回答
我在代码中使用了以下代码，并面对这个问题，为了简洁起见，我得到了以下错误
为什么它给了错误的联系，而不是名称？
我怎么才能解决这个问题？
angular.js:13550 ReferenceError: contact is not defined
at new <anonymous> (pen.js:8)
at Object.invoke (angular.js:4665)
at R.instance (angular.js:10115)
at n (angular.js:9033)
at g (angular.js:8397)
a
浏览 7提问于2016-08-03得票数 7
回答已采纳
1回答
我正在尝试创建一个密码验证指令，但遇到了一些问题。这是一个
当我输入一个输入框，另一个输入框自动更新时，它不应该这样做
我不知道如何将第二个输入的值传递给指令
这是我的html
<form name="sampleForm">
<input name="strongSecret" type="text" ng-model="strongSecret" strong-secret required placeholder="Please provide password"&g
浏览 2提问于2015-08-24得票数 0
如何打印输入框中提供的字符串，"n“次，这个数字(n)是由用户在另一个输入框中提供的。(ANGULAR JS)
浏览 0提问于2017-11-20得票数 0
<input type='text' ng-focus='tryFunc()'> </input>
当输入框被聚焦时，不会调用函数tryFunc()。
我在文件中包含了jQuery.min.js，它早于angular.min.js jQuery版本1.10.2和Angular.js版本1.0.7。
可能会发生什么？
浏览 1提问于2013-08-31得票数 8
回答已采纳
我刚刚将一个离子应用从Angular 7更新到Angular 8，我遇到了一个奇怪的错误：
如您所见，我无法访问存储在@angular/core模块中的任何典型类。其他的angular模块也是如此，比如@angular/router。以下是我的package.json的依赖项：
"dependencies": {
"@agm/core": "^1.0.0",
"@angular/common": "~8.2.14",
"@angular/compiler-cli":
浏览 19提问于2019-11-15得票数 0
回答已采纳
1回答
我已经全局安装了Angular CLI: 9.1.12。如果我试图从我的根应用程序运行ng serve，它会抛出以下错误： This version of CLI is only compatible with Angular versions ^8.0.0-beta || >=8.0.0 <9.0.0,
but Angular version 9.1.13 was found instead. 我尝试更改全局CLI版本，但没有成功。 package.json {
"name": "my-app",
"version": &
浏览 259提问于2021-04-01得票数 0
3回答
数据绑定不起作用
、、
我有这样的代码：
<!DOCTYPE html>
<html ng-app="m1">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>
<body>
<div ng-controller='c'>
<input ng-model='
浏览 0提问于2016-08-12得票数 3
回答已采纳
3回答
我尝试运行以下简单的HTML：
<!DOCTYPE html>
<html ng-app="tempApp">
<head>
<script src="js_libs/angular/angular.min.js"></script>
<script src="js_libs/angular/bootstrap.js"></script>
<script src="controller.js"></
浏览 11提问于2016-06-16得票数 1
回答已采纳
我正在开发一个新的客户端网站，它可以从CDN加载Javascript，这样Javascript就不会被嵌入，也不会与网页源代码相关联。每次执行getCurrentPosition() 时，I都会暂停，以确定它包含在哪个外部JS文件中。
我意识到我可以使用其他工具对JS文件的内容进行字符串搜索，但我宁愿继续使用Chrome的调试工具。
我应该尝试创建一个watch表达式，还是有另一种方法来确定何时何地触发某个JS函数？
浏览 0提问于2016-06-07得票数 44
回答已采纳
在我的控制器中，我有一个输入框和一个带有文本的div。默认情况下，div设置为display:无
我想通过聚焦输入框使div可见。可以用angular.js吗？
浏览 2提问于2016-08-26得票数 0
回答已采纳
我有一个输入框，用户将在其中输入文本。基于此文本，我的UL列表项应该被过滤。例如，在文本框中的"Ab“中，只有Abbas和Ab必须在UL列表的标签中显示。
index.html
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="angularScript.js"></script>
</hea
浏览 2提问于2015-12-08得票数 2
回答已采纳
我有一个道布列，值出现在yyyy格式，比如2013-01-01，我需要在输入框中显示它，1月1日，我可以通过编写一个函数来实现这一点，然后从这个函数中返回确切的值。，但是函数不能使用ng模型从输入框中调用，因为它可以在跨范围内使用ng绑定调用。，我可以理解，在输入框中调用函数会破坏双向绑定。但我还能用什么其他方法来解决这个问题。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></
浏览 1提问于2013-08-22得票数 8
3回答
我有两个输入框，需要连接从第一个输入框到另一个输入框的值，一旦输入值到第二个输入框。
我所面临的问题是，对于多个模糊，它会多次执行函数。我只在第一次模糊的情况下加了纳-模糊的计数，它起了作用。
我觉得这方法不太有效。还有别的办法吗？
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.
浏览 2提问于2016-03-09得票数 0
回答已采纳
我正在尝试在项目中添加'@progress/kendo-scrollview'包。我得到了以下错误
错误：(SystemJS) XHR错误(404)加载错误: XHR错误(404)加载 at XMLHttpRequest.wrapFn () at ZoneDelegate.invokeTask () at Zone.runTask () at ZoneTask.invokeTask at invokeTask () at XMLHttpRequest.globalZoneAwareCallback ()将加载为“@progress/kendo角”-scrollview： a
浏览 2提问于2018-05-15得票数 0
回答已采纳
1回答
使用AngularJS为html输入框中的自动完成功能实现服务器端组件的快速有效方法是什么？
我想实现这样的功能，就像我们可以设置一个计时器任务，在每一次关键的笔划之后被重置，并且有一个.5第二次延迟。这样，如果用户快速输入多个字符，它就不会每笔查询索引，只在用户暂停一秒钟时才查询索引。
目前，我正在使用这个代码-
在Html中-
<input class="form-control" ng-model="Search" ng-change="SearchResults(Search)" type="text" />
浏览 3提问于2014-10-13得票数 3
回答已采纳
我目前在代码中使用multifilter (上的jquery插件)。如果您查看该链接，它将向您展示如何实时过滤表。我的问题是，在刷新页面时，输入框中输入的任何文本都会丢失。我想，如果我将输入设置为autocomplete=on，如下所示：
<input autocomplete='on' class='filter' name='name' placeholder='name' data-col='name'/>
它将保留输入框中的值。但是，它不会在刷新时触发multifilter.js，需要我仍然在输
浏览 0提问于2018-07-05得票数 0
回答已采纳
我想使用AngularJs同时更改一个范围和一个输入框，但得到了这个错误："“
我认为原因是范围使用字符串而不是数值更新模型，但这并没有让我更接近解决方案。
<html ng-app="app">
<div ng-controller="controller">
<input type="number" min="0" max="1" step="0.1" ng-model="value" />
&l
浏览 0提问于2015-01-31得票数 0
2回答
我有一个简单的角度程序，其中跨度必须显示只有当输入值是'Peter‘。我希望如果我改变了输入值，那么span就会消失，但是当我试图更改输入框的值时，这是不允许我这样做的。我无法更改输入值的原因是什么？
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-
浏览 4提问于2016-04-12得票数 1
回答已采纳
1回答
动态改变按钮颜色
、、、
当我改变输入框中的十六进制时，我正在尝试改变按钮的颜色。
$(document).ready(function(){
$("#hex").on('change', function(){
var hex = $("#hex").val();
$("#btn").css({"background-color":hex});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jqu
浏览 3提问于2016-12-15得票数 0
回答已采纳
2回答
我正在尝试在django服务器上使用angular js
这是index.html
{% load staticfiles %}
<html ng-app="blog">
<head>
<script type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script>
<script type="text/j
浏览 1提问于2016-10-29得票数 0
2回答
我对angular js非常陌生。我想创建一个输入框在点击特定的div。在这里，我需要在div上创建重复的元素。
<div><div ng-repeat ng-click="create();"></div><div>
那么最好的方法是什么呢？
浏览 1提问于2014-01-09得票数 1
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<ul>
浏览 0提问于2017-02-16得票数 1
5回答
我正在用ng-重复实现一次下降。我想添加位置持有人在输入框，因为第一次它是空白(没有选择下拉选项)。因此，我想在默认情况下设置占位符。我不想留下空白的下拉输入框。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
<script src="https://ajax.googleap
浏览 1提问于2018-01-03得票数 0
回答已采纳
我的目标是在输入框中有一个按钮，点击这个按钮将显示一个弹出的"Hello“
当前，当单击输入框本身时，弹出窗口将显示，但不会通过按钮显示。请检查一下我的小提琴
有什么方法可以通过按钮在输入端触发弹出呢？我尝试在按钮上添加一个弹出触发器，但不确定应该在其中使用什么值。
angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', functio
浏览 2提问于2015-08-02得票数 1
回答已采纳
我正在尝试将ng-virtual-keyboard集成到我的Angular6项目中。但这不管用！
我做的步骤-
npm install ng-virtual-keyboard
npm install --save @types/virtual-keyboard (在‘’的'TypeScript‘部分中提到的这个命令)
在索引页的Head标记中添加angular.min.js和jquery.min.js脚本。
index.html -
<!doctype html>
<html lang="en">
<head>
浏览 4提问于2021-02-18得票数 0
我不能让它跑起来。 'use strict';
/**
* @ngdoc function
* @name udaciMealsApp.controller:MenuCtrl
* @description
* # MenuCtrl
* Controller of the udaciMealsApp
*/
angular.module('udaciMealsApp')
.controller('MenuCtrl', function () {
this.id = 'strawberry-pudding'
浏览 6提问于2020-07-28得票数 0
我有一个使用ng-view的简单测试应用程序。当我通过web服务器访问它时，它工作得很好。但是，当我试图从本地驱动器打开主页时，视图似乎停止工作。我怀疑无法找到视图的路径，因此无法显示，但是当使用$location确认路径时，它似乎是正确的。
其他数据绑定正在页面上工作，因此Angular似乎正在正确加载和运行。
JAVASCRIPT：
var app = angular.module("MyApp", []);
app.config(function ($routeProvider) {
$routeProvider
.when("/it
浏览 2提问于2013-06-14得票数 0
回答已采纳
我用ng新的klw创建了一个新的角2项目。
我安装了引导程序：npm install bootstrap@next
将样式和脚本添加到角中
"styles.css“、”styles.css“、”脚本“：”./styles.css_styles.css/jquery/dist/jquery.js“、”./styles.css_styles.css/dist/js/tether.js“、"../node_modules/bootstrap/dist/js/bootstrap.js”、
集成引导4到angular-cli: npm install --save @ng-b
浏览 6提问于2017-03-21得票数 5
我正在使用HTML/Knockout中的以下示例向我的学生展示各种javascript数据绑定库之间在实现上的差异。我已经在Angular.js和Knockout.js中创建了一个。现在我需要将这个相同的页面转换成一个简单的Backbone.js示例。我只知道Knockout.js。我能够在20分钟内创建Angular.js示例，但我无法找到将其转换为Backbone.js示例所需的帮助。
它所做的就是显示三个输入框，然后显示一个字符串和后面的相同字符串。当我更改输入框中的字符串时，它后面的文本也会随着我输入的内容而更新：
<!doctype html>
<html lang
浏览 3提问于2013-06-12得票数 1
回答已采纳
2回答
在下面的代码中，如果我们单击Div，它将在输入框中显示label子值，在输入框中我必须更改标签名，但是当我试图更改值时，它删除了其余的输入文本和所有带有Div的标记，您能告诉我如何解决这个问题吗？
var app = angular.module('myapp', []);
app.controller('MainCtrl', function($scope) {
$scope.textVal = 'click on User Name';
$scope.selectedEvent = {};
$scope.setTex
浏览 4提问于2016-02-10得票数 0
回答已采纳
我正在导航到一个路径‘/登录’，我设置在我的角度应用程序。当我试图导航到我创建的视图时，使用角度路由，我只看到页面上的导航条，而ng视图中没有任何内容。在我的chrome控制台的“网络”选项卡中，它显示视图正在被成功地请求并发送到客户端，但是它在视图源中并没有为我呈现。此外，我想指出，我的路线'/‘正在纠正。控制台中没有错误。
我正在使用NodeJS + ExpressJS作为我的for服务器。是SPA。此外，我正在使用RequireJS进行模块加载。
server.js
var express = require('express'),
app = expre
浏览 1提问于2016-01-20得票数 1
当我试图创建一个AngularJS ui-网格表时，该表的数据在字符串中包含一个“(”然后在结束之前“)”，然后我会收到一个AngularJS错误消息：
语法错误:从32h开始，表达式[entity]第22列中的令牌'32‘是意外的。
下面是我试图用来创建表的完整HTML代码：
<html> <head>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-grid
浏览 2提问于2016-11-18得票数 0
我在这个项目的部署上被困了两天。
我找了一遍又一遍，仍然没有找到原因。
这个项目被一个接一个地传给了我。
所以问题来了：
$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-06-22T09:18:54.790Z
Hash: f4e69e81ccb778bcfbeb
Time:
浏览 2提问于2018-06-22得票数 0
这看起来很简单，但我无法修复它，我的控制器无法读取ng-view中与输入框相关的ng-model。以下是我的代码 main.html <html ng-app="myapp" ng-controller="main_controller">
<head>
<title>test</title>
</head>
<body>
<section ng-view>
</section>
<!--Jquery-->
<script src="
浏览 29提问于2020-08-17得票数 0
2回答
我正在尝试学习angular js .I是否能够在控制台上获取输出.But我正在获取此错误.How以删除此错误？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="application/javascript" src="ionic.js">
浏览 0提问于2015-07-20得票数 1
我对Ionic有个很奇怪的问题。在每个新的构建/服务/实验室中，都会发生以下错误：
typescript: src/providers/city/city.ts, line: 17
Property 'data' does not exist on type 'ArrayBuffer'.
下面是有问题的文件：
import { Injectable } from '@angular/core';
import {JApiProvider} from "../j-api/j-api";
import {Ci
浏览 0提问于2018-06-07得票数 3
回答已采纳
我正在使用Laravel Elix和Gulp (在Windows8上)组合和编译我的Angular.js和SCSS文件。请参阅下面的代码：
var elixir = require('laravel-elixir');
require('./tasks/angular.task.js');
require('./tasks/bower.task.js');
require('laravel-elixir-livereload');
elixir.config.js.outputFolder = 'public/js/&#
浏览 0提问于2016-02-22得票数 2
3回答
我正在实现angular js，并尝试获取输入框的值并将其存储到本地存储中。输入是由用户键入的，它指的是ip地址。
下面是我的html代码：
<div>
<input ng-model="serverip">
<input type="button" class="button" value="Apply" ng-click="save()">
</div>
下面是我的js代码：
.controller('Ctrl', func
浏览 1提问于2015-06-03得票数 6
有没有一种方法可以在Node.js中使用，比如，或者设置/注入窗口对象。我正在编写一个使用Browserify和Jasmine (无Karma)进行测试的应用程序。angular-node NPM模块在两种环境下都能完美工作，但angular-ui-router和angular-router都失败了，我想知道是否有解决这种边缘情况的方法。
实际上，我不需要用于测试的路由，但我已经在我的Application模块中配置了它们，它会暂停测试过程。
浏览 3提问于2015-07-23得票数 3
1回答
任务不起作用
、、
我正在编写一份文件，在该文件中，我做了以下工作：
var tsProject = ts.createProject('app/Resources/public/angular/tsconfig.json');
gulp.task('angular-2', function () {
var tsResult = tsProject.src() // instead of gulp.src(...)
.pipe(ts(tsProject));
return tsResult.js.pipe(gulp
浏览 0提问于2016-05-20得票数 1
回答已采纳
i recently reinstalled ubuntu os and installed npm and nodejs, but when i run npm install i am issues with EACCESS which i am unable to understand, anyhelp ?
i was googling it about this issue but still could not fix it from hours, even i was going through many posts in stackoverflow but none so
浏览 2提问于2016-01-03得票数 1
对于meteor来说，我是新手，我正在使用meteor.js创建一个像这样的简单项目--我用<input value="{{counter}}" />创建了这个输入框，显示了与您看到的paragraph.And一致的值--它工作得很好。
但是，当我检查chrome开发工具中的DOM树时，我看到的是<input>而不是<input value="1">，就像我想象的那样。
为什么在DOM树中，属性值是不可见的?同时，有人能解释为什么即使在DOM树中找不到值属性，也能看到输入框中的数字吗？
浏览 2提问于2015-08-12得票数 0
回答已采纳
3回答
如何删除选定的输入值
、、、、
我使用的是角6应用程序，我尝试使用输入框进行多个选择，而不使用--任何第三方插件、jquery、datalist、选择框，它都是纯输入框，基于类型文本。
HTML:
<div class="autocomplete">
<input name="suggestion" type="text" placeholder="User" (click)="suggest()" [formControl]="typeahead">
<div class="aut
浏览 2提问于2018-08-22得票数 0
回答已采纳
我需要有一个显示总数的数字列表。当有人在输入框中输入一个新数字时，该数字将被添加到显示的列表中，总数也会相应地更改。
使用angular.js...
浏览 4提问于2015-12-12得票数 0
有暂停当前帧suspend-frame的命令，它完美地暂停了终端返回外壳中的当前活动。要恢复当前帧，您可以键入bash %emacs。然而，在鱼中，这种命令是不存在的，或者鱼不知道我想要做什么。有什么方法可以在fish中调用%emacs吗？
浏览 0提问于2017-11-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
