2016-08-14 18 views
2

にngのリピートを使用してデフォルト選択したラジオボタンのオプションを設定することはできません。親ブロックはproduct in productsです。お分かりのように、各製品はSelectedDeliveryOptionです。たとえば、2つのラジオボタンがあります。値(option.Method) - 最初は"bronze"、2番目は"silver"です。この値(ng-model="product.SelectedDeliveryOption")は"silver"です。ただし、ラジオボタンはデフォルトでは選択されていません。私は試しました:ng-checked = "option.Method == product.SelectedDeliveryOption"、しかし私のためには動作しません。は、これは私のコードですAngular.js

$scope.initProductsTable = function (products) { 
      $scope.products = products; } 

助けてもらえますか?

+0

javascrはどこですかiptコード? –

+0

jsコードをスニペットとして提供してください –

+0

製品の初期化だけ$ scope.initProducts = function(products){$ scope.products = products};

答えて

1

valueオブジェクトoption.Methodか確認します:

<input type="radio" ng-model="product.SelectedDeliveryOption" ng-change="changeDeliveryType(product)" name="inlineRadioOptions{{product.ID}}" 
class="product__filtr__form__radio" value="{{option.Method}}"> 

は形式になっています。

option.Method = {"id": "12345", 
      "value": "teste"} 

ng-valueディレクティブを使用します。怒鳴るの例のように

あなたが等しいmodel値を確認する必要がありradio buttonradio buttonからvalue使用:スニペット怒鳴る

チェック:

(function(angular) { 
 
    'use strict'; 
 
    angular.module('includeExample', ['ngAnimate']) 
 
    .controller('ExampleController', ['$scope', '$q', 
 
     function($scope, $q) { 
 
     $scope.color = { 
 
     name: 'blue' 
 
     }; 
 
     $scope.specialValue = { 
 
     "id": "12345", 
 
     "value": "green" 
 
     };   
 

 

 
     } 
 
    ]); 
 
})(window.angular);
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.1/angular.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.1/angular-animate.js"></script> 
 

 
<body ng-app="includeExample"> 
 
    <div ng-controller="ExampleController"> 
 
    <form novalidate class="simple-form"> 
 
    <label> 
 
    <input type="radio" ng-model="color.name" value="red"> 
 
    Red 
 
    </label><br/> 
 
    <label> 
 
    <input type="radio" ng-model="color.name" ng-value="specialValue"> 
 
    Green 
 
    </label><br/> 
 
    <label> 
 
    <input type="radio" ng-model="color.name" value="blue"> 
 
    Blue 
 
    </label><br/> 
 
    <tt>color = {{color.name | json}}</tt><br/> 
 
    </form> 
 

 
    </div> 
 
</body>

+0

Alvaro、私は間違いを見つけました。どうもありがとうございました。ラジオボタンの名前は同じでした。本当に、私はそれを逃したか分からない。あなたのお時間をありがとうございました。 –

+0

Np、私が手伝ってくれたらうれしいです:) –

+1

あなたの答えが本当に良いので、正しいとマークされています。 –

関連する問題