<div ng-app="myApp" ng-controller="myCtrl">
名字: <input ng-model="name">
{{name}}
<button ng-click="show()">shoName</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.show=function(){
console.log($scope.name);//可以正确的拿到页面上输入的值
console.log(allPrpos($scope));
};
/*获取某个对象的属性*/
function allPrpos(obj) {
// 用来保存所有的属性名称和值
var props = "";
// 开始遍历
for(var p in obj){
if(typeof(obj[p])=="function"){ // 方法
//console.log(obj[p]);
}else{
// p 为属性名称,obj[p]为对应属性的值
props += p + "=" + obj[p] + "; ";
}
}
// 最后显示所有的属性
console.log(props);
}
});
</script>
<ion-view view-title="Chats">
<ion-content>
<div>
名字: <input ng-model="name">
{{name}}
<button ng-click="show()">shoName</button>
</div>
</ion-content>
</ion-view>
angular.module('starter.controllers', [])
.controller('ChatsCtrl', function($scope) {
$scope.show=function(){
console.log($scope.name);//控制台打印undefined
console.log(allPrpos($scope));
};
});
<ion-view view-title="Chats">
<ion-content ng-controller="MyChatCtrl">
<div>
名字: <input ng-model="name">
{{name}}
<button ng-click="show()">shoName</button>
</div>
</ion-content>
</ion-view>
angular.module('starter.controllers', [])
.controller('MyChatCtrl', function($scope) {
$scope.show=function(){//点击button
console.log($scope.name);//控制台可以正常打印每次input输入框里面的值
console.log(allPrpos($scope));
};
});
<ion-view view-title="Chats">
<ion-content ng-controller="MyChatCtrl">
<div>
名字: <input ng-model="name.text">
{{name}}
<button ng-click="show()">shoName</button>
</div>
</ion-content>
</ion-view>
<ion-view view-title="Chats">
<ion-content ng-controller="MyChatCtrl">
<div>
名字: <input ng-model="$parent.name">
{{name}}
<button ng-click="show()">shoName</button>
</div>
</ion-content>
</ion-view>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有