2017-04-24 15 views
0

テンプレート機能していない - 1のNG-確認= '真'

<ul> 
    <li> 
    <label><input type="radio" ng-checked="true" /> One</label> 
    </li> 
    <li> 
    <label ng-click="ctrl.goToTwo()"><input type="radio" /> Two</label> 
    </li> 
<ul> 

をテンプレート - 2

<ul> 
    <li> 
    <label ng-click="ctrl.goToOne()"><input type="radio" /> One</label> 
    </li> 
    <li> 
    <label><input type="radio" ng-checked="true" /> Two</label> 
    </li> 
<ul> 

上記のHTMLでは、私は助けを借りて、テンプレート2に1をテンプレートにユーザーをリダイレクトしていますラジオボタンの

質問 どちらのテンプレートのラジオボタンにもng-checked=trueが明確に記載されています。しかし、私は読み込み中に両方がチェックされていない理由を知りません。

私が何かを見逃している、または何か他のことをする必要がある場合は教えてください。

注:私はng-model='one'vm.type='one'で試してみましたが、動作しませんでした。

https://codepen.io/anon/pen/QvKNOQ

+0

無線タグの値を使用してください。コントローラのモデルとモデル値を事前に宣言してください。このフィドルを参照してください。 http://jsfiddle.net/BinaryMuse/ZQDts/3/ – Sathish

+0

@サティッシュ:私はすでにそれを試したが、何がうまくいかないか分からない。 – Era

+0

些細なことに見えますが、いくつかの小さな間違いのせいで発生します。最初に多分それを確認してください – tanmay

答えて

0

の式を評価するために使用されます。 : ngChecked内部表現がtruthyある場合

ngChecked

は、要素のchecked属性を設定します。

だからあなたが探しているものは明らかではありません$scope.true変数を検索しますng-checked="true"を使用。あなたがctrlNumber値をチェックし、自分のフォームを提出するとき

<div ng-init="ctrlNumber = 1"> 
    <input type="radio" ng-model="ctrlNumber" value="1"/> 
    <input type="radio" ng-model="ctrlNumber" value=2"/> 
</div> 

2場合は、あなたのctrl.goToTwo()を呼び出して、あなたの入力にng-modelを使用している場合は、ng-model値を設定されているデフォルトができ


関数。

コントローラでこの値を設定することもできます。ng-initを使用しないでください。

+1

その動作していません – Era

+0

@Eraまあまあ私のコード例は動作しています、あなたのコードのデモを提供してください。 –

0

NG-確認:あなたは "ラジオ" の入力

<input type="radio" ng-model="myRadio" value="1" /> 

後のコードで

$scope.myRadio = "1" // check radio 
$scope.myRadio = "0" // radio not checked 

デモへの "価値" を追加する必要があり

関連する問題