首页 > 代码库 > Ionic之数据绑定ng-model
Ionic之数据绑定ng-model
ionic 完美的融合下一代移动框架,ionic 基于Angular语法,支持 Angularjs 的特性。但是我在开发的时候,遇到了坑。因为之后用的就是angularjs,so 理所当然的以为代码应该时这样的写:
<div class="item item-input"> <span>手 机 号:</span> <input type="text" ng-model="phone"> </div> <div class="item item-input"> <span>验 证 码:</span> <input type="text" ng-model="code"> <button class="button button-calm" ng-click="ionGetCode()">获取验证码</button> </div> <div class="item item-input codeSuccess" > <span>新 密 码:</span> <input type="text" ng-model="newPwd"> </div> <div class="item item-input codeSuccess" > <span>确认密码:</span> <input type="text" ng-model="confirm"> </div>
在页面:
{{phone}} //就可以直接获取你输入的值
但是在js中:
console.log("userName:"+$scope.userName);
console.log("$scope.phone:"+$scope.phone); //无法获取输入的值
之后查了官网文档,也查了很多资料,才知道这样写也不行的,详细解释可以去官网:http://ionicframework.com/docs/
<div class="item item-input"> <span>手 机 号:</span> <input type="text" ng-model="$parent.phone"> </div> <div class="item item-input"> <span>验 证 码:</span> <input type="text" ng-model="$parent.code"> <button class="button button-calm" ng-click="ionGetCode()">获取验证码</button> </div> <div class="item item-input codeSuccess" > <span>新 密 码:</span> <input type="text" ng-model="$parent.newPwd"> </div> <div class="item item-input codeSuccess" > <span>确认密码:</span> <input type="text" ng-model="$parent.confirm"> </div>
Ionic之数据绑定ng-model
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。