2016-07-29 26 views
0

入力フィールド、ラジオボタン、および選択ボックスを持つフォームがあります。AngularJS送信フォームの後に入力データを表示

入力したすべてのデータをこのページの別のページまたはモーダルウィンドウに表示するにはどうすればよいですか?

ラジオボックスの場合、getWordの中にテキストを表示したいが、フォームに2つの言語がある。

<div class="form-group"> 
           <div class="col-sm-offset-1"> 
            <div class="col-sm-4"> 
             <label class="radio-inline"> 
              <input type="radio" class="radiobox" name="newpat" ng-model="isNewpat" value="true"><span>{{getWord('New')}}</span></label> 
            </div> 
            <div class="col-sm-4"> 
             <label class="radio-inline"> 
              <input type="radio" class="radiobox" name="existpat" ng-model="isNewpat" value="false"><span>{{getWord('Exist')}}</span></label> 
            </div> 
           </div> 
          </div> 

は、私はまた、入力フィールドに入力し、datepickerを選択した情報を見ることができるようにしたいです。例えば

、私はこれを使用しますが、それはうまくいきませんでした:

<div class="modalwindow text-center"> 
      <h1>{{getWord.appoitmentmessage}}</h1> 

      <p>{{message}}</p> 
      <div>{{user.name}}</div> 
      <div>{{user.email}}</div> 
     </div> 
+0

この

<div class="col-sm-4"> <label class="radio-inline"> <input type="radio" class="radiobox" name="newpat" ng-model="isNewpat" value="New"><span>New</span></label> </div> <div class="col-sm-4"> <label class="radio-inline"> <input type="radio" class="radiobox" name="existpat" ng-model="isNewpat" value="Exist"><span>Exist</span></label> </div> 

そして、これをさらに

変更を助けることができるによりそう手の込んだしてください。両方の入力に対してつまり、ng-model = "isNewpat" –

+0

2つのモデルを作成すると、2つのラジオを一緒に選択できます。 –

+0

そのような場合は不可能です。実際に私はあなたの問題を理解することができません。 'ng-model =" isNewpat "を使うと、任意のラジオのクリックで選択された値が' $ scope.isNewpat'に追加されます。 $ scope.isNewpat、 –

答えて

0

同じくらい私はあなたの質問を理解しています。私はこれがあなたのために働くと思う。ラジオボックス選択の値をモーダルで表示したい場合。あなたは同じ `NG-Model`を使用している。また

<div class="modalwindow text-center"> 
     <h1>{{isNewpat}}</h1> 

     <p>{{message}}</p> 
     <div>{{user.name}}</div> 
     <div>{{user.email}}</div> 
</div> 
+0

名前をng-modelに変更すると、2つのラジオボタンを一緒に選択できます。 –

関連する問題