Как показать динамические данные Json в динамических генерируемых входных угловых?

Question

Я пытаюсь показать динамические данные JSON в динамическом сгенерированном входном угловом JS.

{ 
"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 

}

Try для создания поля ввода на основе данных 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". Пожалуйста, помогите мне.

Answer 1

похоже на this fiddle и изменить ng-value="{{ social.web }} " на ng-value="social.web" - AngularJS ng-value documentation.

<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> 

AngularJS Контроллер

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); 
    } 
});