Angularjs 使用ng选项时,无法使用ng模型获取完整对象详细信息
我有一个属性cardDetails,它有一个对象数组Angularjs 使用ng选项时,无法使用ng模型获取完整对象详细信息,angularjs,cordova,Angularjs,Cordova,我有一个属性cardDetails,它有一个对象数组 var cardDetails = [{ "cardHolderName":"XXXXXXXXXXXXXXXXXXXXXXXXXX", "cardNumber" :'1234' "mobileNumber":"91098765678", "cardType":"C", "cardStatus":0,
var cardDetails = [{
"cardHolderName":"XXXXXXXXXXXXXXXXXXXXXXXXXX",
"cardNumber" :'1234'
"mobileNumber":"91098765678",
"cardType":"C",
"cardStatus":0,
"created":1449572395000,
"updated":1449572395000
}]
在我的html中,我使用ng选项来填充
<select ng-change="" ng-model="payment.card" ng-options="card.cardType as (card.cardType==='C' ? 'Credit Card':'Debit Card') +' - XXXX XXXX XXXX '+card.cardNumber for card in cardList">
我得到的值只有卡类型的C,但我需要所选对象的所有值。但是如果我使用下面的ng选项,我会得到整个对象
<select ng-change="" ng-model="payment.card" ng-options="card.cardType for card in cardList">
我的目标是向用户显示定制的相关信息,同时我希望在后端获得其他字段。知道我遗漏了什么吗?更新您的html,这是完整的示例: 在ng选项中,您可以获取对象中的全部或一个参数,当您设置“card.cardType”时,您将只获取“cardType”,但如果您设置“card”,您将获取所有对象。
栈溢出
{{payment.card}
角度模块(“应用程序”,[])
.controller(“示例控制器”、[“$scope”,
职能($范围){
$scope.cardDetails=[{
“持卡人姓名”:“XXXXXXXXXXXXXXXXXXXXXXXXXX”,
“卡号”:“1234”,
“mobileNumber”:“91098765678”,
“卡片类型”:“C”,
“cardStatus”:0,
“已创建”:1449572395000,
“更新”:1449572395000
}];
}
])
Hi Maher,有了代码,如果你能告诉他缺少什么,那就太好了。:)@RumeshEranga嗨,我肯定会编辑我的答案,谢谢你,我的朋友。
<select ng-change="" ng-model="payment.card" ng-options="card.cardType for card in cardList">