Javascript 如何在动态生成的输入angularjs中显示动态Json数据?
我尝试在动态生成的输入angularJS中显示动态JSON数据Javascript 如何在动态生成的输入angularjs中显示动态Json数据?,javascript,angularjs,json,ionic-framework,Javascript,Angularjs,Json,Ionic Framework,我尝试在动态生成的输入angularJS中显示动态JSON数据 { "social": [ { "id": "5694", "types": "4", "type": 4, "web": "https://www.xing.com", "title": "Xing" }, { "id": "5695", "types": "7", "type":
{
"social": [
{
"id": "5694",
"types": "4",
"type": 4,
"web": "https://www.xing.com",
"title": "Xing"
},
{
"id": "5695",
"types": "7",
"type": 7,
"web": "https://www.blog.com",
"title": "Blog"
}
],
"webtypes": {
"1": "LinkedIn",
"2": "Website",
"3": "Facebook",
"4": "Xing",
"5": "Twitter",
"6": "Experteer",
"7": "Blog",
"8": "Skype",
"9": "Windows",
"10": "Google",
"11": "Viadeo",
"12": "Github",
"13": "Youtube",
"14": "CrunchBase",
"15": "AngelList",
"16": "Glassdoor"
},
"success": 1
}
尝试根据JSON数据生成输入字段
<fieldset class="noborders" data-ng-repeat="social in socials">
<select ng-model="socialselect[social.title]" ng-options="key as value for (key , value) in webtypes">
</select>
<label class="item item-input">
<input type="text" ng-model="socialinput[social.id]" ng-value="{{social.web}}" >
</label>
</fieldset>
我无法使用“ng model
”获取数据。请帮助我。在中尝试并将ng value=“{{{social.web}}”
更改为ng value=“social.web”
-
它应该是
ng model=“social.title”
而不是socialselect[social.title]
显示完整的JSON。我不明白您是如何将表达式写入ng model
Chanveng value=“{{{social.web}}}”到ng value=“social.web”
@Korte的,谢谢您的回复,但是当我试图从输入数据中获取数据时,显示为空白-$scope.socialinput:Object{},如果我只是编辑或更新输入中的单个字符,那么我会得到数据-$scope.socialinput:Object{5694:}谢谢你的回答,但是当我尝试从输入中获取数据时,数据显示为空白-$scope.socialinput:Object{}
,如果我只是编辑或更新输入中的单个字符,那么我会得到数据-$scope.socialinput:Object{5694:"https://www.xing.com"}
@Neotrixs很好,这就是它的工作原理。它有什么问题?你需要这样做吗:?有两个JSON数据如果我只更新或编辑一个输入字段,那么我只会得到一个输入字段数据我不会得到另一个输入字段数据几乎是的,但我如何从输入字段取回数据。@Neotrixs我添加了一个成功按钮,向你展示如何访问输入数据。输入数据存储在属性web
中。例如,第一个字段的$scope.socials[0]。web
。
<div ng-controller="MyCtrl">
<fieldset class="noborders" data-ng-repeat="social in socials">
<label class="item item-input">
<input type="text" ng-model="social.web">
</label>
</fieldset>
<button ng-click="submit()">
Send form
</button>
</div>
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function ($scope) {
$scope.socials = [
{
"id": "5694",
"types": "4",
"web": "https://www.xing.com",
"title": "Xing"
},
{
"id": "5695",
"types": "7",
"web": "https://www.blog.com",
"title": "Blog"
}
];
$scope.submit = function () {
console.log($scope.socials);
}
});