AngularJS读取模板html页面中的数据

本文介绍了一种在Angular控制器中读取HTML输入元素默认值的方法。通常使用$scope.modelName无法直接获取到未初始化的输入框默认值,本文提供了一个解决方案:通过angular.element结合document.querySelector来直接获取。

在angular的controller中, 如果想读取html页面中某个<input id="myid" ng-model="modelName" value="v"/>的value值时,用$scope.modelName是读取不到的,除非已经对$cope.modelName先赋值。但如果html中input已经有默认值,并且需要直接读取该值,那么,可以用以下的方法读取:

angular.element(document.querySelector('#myid')).val();

 这时,在controller里就可以得到input默认的value值了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值