0

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 }}は変更されません。

私は何が欠けていますか?

4

1 に答える 1