如何設置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> 

看它是否是你的意思......