今天在ionic中使用ng-model时候,在对应的controller里面获得值为undefined。以前在使用angularjs的ng-model绑定时候就可以拿到的啊,这就尴尬了,决定一探究竟。大家先看下面的一个demo。
在学习angularjs的ng-model的数据双向绑定时候,我们通过以下的代码拿到对应的ng-model的值:
demo1
对应的js
rush:js;">
通过打印$scope对象,看到其属性的确包含一个name的键值对。但是在在ionic项目的时候,我们同样是这样拿的:
demo2
在ionic对应的controller.js的对应的ChatsCtrl:
rush:js;">
angular.module('starter.controllers',[])
.controller('ChatsCtrl',function($s
cope) {
$s
cope.show=function(){
console.log($s
cope.name);//控制台打印undefined
console.log(allPrpos($s
cope));
};
});
在打印的$scope属性里面并未发现name,控制台打印undefined,页面上{{name}}却可以正常输出来,这是为何呢?估计很多ionic初学者在做项目中都遇到过这个情况,是不是angularjs的数据双向绑定在ionic中失效了?假如我这样写:
demo3
rush:xhtml;">
名字:
rush:js;">
angular.module('starter.controllers',[])
.controller('MyChatCtrl',function($s
cope) {
$s
cope.show=function(){//点击button
console.log($s
cope.name);//控制台可以正常打印每次input输入框里面的值
console.log(allPrpos($s
cope));
};
});