Angular.js 양식의 기본 및 변경 가능 값을 설정하는 방법

Question

기본 양식을 설정하고 angular.js를 통해 바인딩을 설정합니다. 기본 설정이 없으면 값을 선택하고 변경하면 표시되고 업데이트됩니다. 내가 할 수없는 것은 변경할 수있는 기본값을 설정하는 것입니다.

나는 (디폴트 값으로, 예를 들어 라디오 버튼의 집합을) 기본 값으로 정의 된 컨트롤러가 :

function Contact($scope) { 

    $scope.contact = 
    { 
     'website'  : '.com' 
    } 

}; 

그리고 내 양식 :

설정에서 작동

<form action="#" method="post" ng-controller="Contact"> 

<input ng-model="contact.website" value=".com" id="com" type="radio" name="website"> 
<label class="radio-label" for="com">website.com</label> 

<input ng-model="contact.website" value=".fr" id="fr" type="radio" name="website"> 
<label class="radio-label" for="fr">website.fr</label> 

<input ng-model="contact.website" value=".br" id="br" type="radio" name="website"> 
<label class="radio-label" for="br">website.br</label> 
</form> 

기본값. 그러나 다른 옵션 중 하나를 클릭하면 해당 {{ contact.website }}이 변경되지 않습니다.

무엇이 누락 되었습니까?

Answer 1

나는 당신의 예와 jsfiddle 구축하고 내가 질문

<div ng-app="app" > 
<form action="#" method="post" ng-controller="Contact"> 

<input ng-model="contact.website" value=".com" id="com" type="radio" name="website"> 
<label class="radio-label" for="com">website.com</label> 

<input ng-model="contact.website" value=".fr" id="fr" type="radio" name="website"> 
<label class="radio-label" for="fr">website.fr</label> 

<input ng-model="contact.website" value=".br" id="br" type="radio" name="website"> 
<label class="radio-label" for="br">website.br</label> 
    <p>{{contact.website}}</p> 
</form> 
</div> 

당신이 무슨 뜻인지 참조를 이해하지 못하지 않는 한, 작동하는 것 같다했습니다 ... 당신이