json 개체를 구문 분석하고 양식 필드에 데이터를 바인딩하십시오.

Question

파싱하는 json 개체가 커서 바인딩 할 양식에 많은 필드가 있습니다. 코드의 작은 샘플은 다음과 같습니다 http://jsfiddle.net/UfPTd/ 코드도 아래에 있습니다. 진정한 질문은 이러한 결과를 얻는 가장 좋은 방법은 무엇입니까? Angular가 고려되어야하거나 자바 스크립트 json.parse가 괜찮은 곳입니까? 인덱스 [] 배열 대괄호를 사용해야합니까? 플러그인 템플릿을 사용하지 않으려 고합니다. 당신이 거 당신이 json.parse 사용할 수 있습니다 이러한 값을 바인딩에 중지하면

<form> 

     <label>Select Withdrawal Type</label> 
      <input type="text" data-label="Withdrawal Type" > 

     <label>Plan Name</label> 
      <input type="text" data-label="Plan Name" value=""/> 

     <label>Select Participant </label> 
      <input type="text" data-label="Participant Name" > 

     <label>Address</label> 
      <input type="text" data-label="Address On File"/> 




</form> 
    var data = { 
    "inputs": [ 
    { 
     "DataLabel": "Withdrawal Type", 
     "DataGroup": "Participant Information", 
     "DataColumn": "WithdrawalType", 
     "Value": "full", 
     "InternalUse": "1", 
     "userDefined": "1" 
    }, 
    { 
     "DataLabel": "Plan Name", 
     "DataGroup": "Participant Information", 
     "DataColumn": "PlanName", 
     "Value": "OpenGate Open Architecture 401(k) Plan", 
     "InternalUse": "0", 
     "userDefined": "0" 
    }, 
    { 
     "DataLabel": "Participant Name", 
     "DataGroup": "Participant Information", 
     "DataColumn": "ParticipantName", 
     "Value": "Yosemite Sam", 
     "InternalUse": "0", 
     "userDefined": "0" 
    }  } 
    ] 
    } 


    $('input[data-label="Withdrawal Type"]').attr('value',data.inputs[0].Value); 
    $('input[data-label="Plan Name"]').attr('value',data.inputs[1].Value); 
    $('input[data-label="Participant Name"]').attr('value',data.inputs[2].Value); 

작동 예는 여기 http://jsfiddle.net/UfPTd/

Answer 1

for(i in data.inputs){ 
    $('input[data-label="'+data.inputs[i].DataLabel+'"]').attr('value',data.inputs[i].Value); 
} 

Answer 2

입니다. 이 각도를 옮길 계획이라면 바인딩 및 인터페이스 작성에 더 좋습니다.

this을 읽을 수도 있습니다.