AngularJs ng-model在input中无效，js无法调用

最新推荐文章于 2021-06-29 23:52:50 发布
原创 最新推荐文章于 2021-06-29 23:52:50 发布 · 2.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在HTML环境中，变量作用域的管理及如何正确调用变量以避免常见错误。通过实例演示了在使用AngularJS时，声明变量与调用变量之间的正确流程，并解释了相关代码片段的具体作用。

html:

<input type="text" ng-model="transferinside.transfer_in_no" ng-enter="getTransfer(transferinside.transfer_in_no);"

focus-me="focusTicket"  />

<div ng-hide="true" ng-model="flag"></div>


js:

$scope.transferinside.transfer_in_no  调用无效

$scope.flag调用有效


解决办法：先声明 $scope.transferinside=[];  再调用时OK


具体原因。。。不是很明确


AngularJS解决ng-if中的ng-model值无效的问题
10-19
本篇文章主要介绍了AngularJS解决ng-if中的ng-model值无效的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
解决angularJS中input标签的ng-change事件无效问题
10-18
在AngularJS中，`ng-change`是一个非常有用的指令，它允许我们在输入元素的值发生变化时执行指定的函数。然而，在实际开发过程中，我们可能会遇到`ng-change`在某些情况下不起作用的问题，特别是在`<input type=...
angular学习笔记(四)- input元素的ng-model属性
05-07 615
input元素的ng-model属性: 用于将input的值和变量的值进行双向绑定 <!DOCTYPE html> <html ng-app> <head> <title>2.3.1input数据绑定</title> <meta charset="utf-8"> <script s...
angularjs input使用ng-model双向绑定无效问题
Spearmint_的博客
10-09 3763
在开发中有时在input上使用ng-model进行双向绑定时一直不生效的问题 <input type="type" ng-model="inputText"/> $scope.inputText = 123; console.log($scope.inputText) //undefined 而修改变量为 <input type="type" ng-model="m...
angularjs input使用ng-model双向绑定无效bug解决
weixin_30681121的博客
12-28 755
一、问题描述 　　当我们给input双向绑定变量的时候，使用ng-model有时候会出现无效的情况 二、解决办法 　　将绑定的变量写成对象的形式 　　控制器定义变量： $scope.inputText = {value:"测试"} 　　页面绑定 <input type="type" ng-model="inputText.value"/> ...
angular双向绑定无效果，ng-model不能正常显示
一生为追梦的博客
06-07 6057
今天遇到了个问题，js代码中变量已经变化了，但是html页面中没有正常的显示出来。代码如下：&lt;input type="text" ng-model="paramValue" auto-focus&gt;$scope.paramValue = param;以上代码就会造成有时input框中无内容的情况，打断点显示$scope.paramValue是有值的，但是页面就是啥都显示不出来。换成下边代...
AngularJS使用angular-formly进行表单验证
10-23
在AngularJS中，表单验证是确保用户输入数据正确性和安全性的关键步骤。Angular-formly是一个强大的库，它简化了创建动态和复杂的AngularJS表单的过程，包括验证。本篇文章将深入探讨如何使用angular-formly进行表单...
Angularjs验证用户输入的字符串是否为日期时间
11-27
在AngularJS中，确保用户输入的字符串符合日期时间格式是一项重要的数据验证任务。这有助于确保应用程序接收到的数据是有效且可解析的日期时间值。在本文中，我们将深入探讨如何利用AngularJS的自定义指令来实现这个...
Ionic+AngularJS实现登录和注册带验证功能
10-20
19. ng-submit="onSubmit(myForm.$valid)"：这是一种在AngularJS中处理表单提交的方式，当表单提交时，会调用onSubmit函数，并将表单的有效性作为参数传递。如果表单有效，onSubmit函数会被执行。 20. submitted：...
AngularJS实现Textarea文本输入字数限制功能
`ng-maxlength` 是 AngularJS 内置的表单验证指令之一，它不仅能在视觉上标记非法状态（如添加 `.ng-invalid` 类），还可以通过表单控件的状态（如 `formName.fieldName.$error.maxlength`）在 JavaScript 中判断...
angular中ng-model或者ng-click失效
zyh2525246的博客
10-29 1502
在input中时使用ng-model失效。 原因：使用了ng-if导致ng-model失效。（ng-if有自己的子作用域） 解决办法：使用ng-show或者ng-model绑定$parent.value (value为需要绑定的父作用域中实际的值)。 ...
ngmodel和input的关系
popingblink博客
07-13 3473
先看代码 button type="button" (click)="doSomething()">{{name}}button> div *ngIf="title"> input type="text" [(ngModel)]='title' [disabled]='disabled'> div> 这是类声明的地方 export class AppCo
【AngularJS】解决ng-if中的ng-model值无效的问题
weixin_44241821的博客
02-26 1039
与其他指令一样，ng-if指令也会创建一个子级作用域，因此，如果在ng-if指令中添加了元素，并向元素属性增加 ng-model指令，那么ng-model指令对应的作用域属性子级作用域，而并非控制器注入的$scope作用域对象，这点在进行双向数据绑定时，需要引起注意。 a 的值： {{a}} b 的值： {{b}} 普通方式： ngIf方式：
用 js 给 input 的ng-model 赋值
chidang0647的博客
08-22 1073
用jQuery可以实现 将input的值绑定到ng-mode 上 $("#id").val(value).trigger('change'); <uib-tabset class="tab-container tabbable-line"> ...
【angularjs】ng-model controller中取不到值（input）
WANGHUAN-
03-13 625
一.对于input绑定ng-model默认情况下载控制器中获取不到改变的值 1.在自定义控制器中获取不到改变的值 原因： ng-model取不到值是因为$scope作用域的问题 解决方案： 对于input的ng-model绑定使用对象object方式绑定，可以跨作用于访问。 controller中定义一个集合： $scope.data ={ 　　text1 : “”, 　　text2: “”, ...
html input ng model,AngularJS ng-model用法及代码示例
weixin_39666782的博客
06-29 484
ngModel是绑定输入，选择和文本区域，并将所需的用户值存储在变量中的指令，我们可以在需要该值时使用该变量。在验证过程中也以某种形式使用它。我们可以将ngModel用于：输入文本复选框无线电数电子邮件网址日期datetime-local时间月周选择文本区域例："https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js...
Angular 7 input 如何使用ng-model
zhangmin29的博客
06-02 1788
1.新建一个xxx.ts的文件里面建一个class 2.初始化class赋值可以 3.前端页面绑定 、 4.第一次使用ngmodel的是时候一直报错但是不会影响网页打开，后来在angular官网找到解决方法了https://angular.io/tutorial/toh-pt1 才开始接触angular7，和angularJS比起来感觉就是2个框架。还在摸索中，后面看下连...
无法绑定到“ ngModel”，因为它不是“ input”的已知属性
asdfgh0077的博客
12-12 1260
即使未显示组件，启动我的Angular应用程序时也会出现以下错误。 我必须注释掉<input>这样我的应用才能正常工作。 zone.js:461 Unhandled P
angularjs $watch ng-include 中的变量引发的问题
提后在的博客
02-19 6254
最近接触一个新项目，用到了angularjs，之前对angularjs不熟悉，于是就被坑了，在这里小计一下。 我有两个文件，文件a.html内容如下：<html> <head> <script src='angular.js'></script> </head> <body> <div ng-app="myApp" ng-con
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值