2016-09-21 20 views
0

IonicとAngularJS 1.xを使用してアンケートアプリを作成していますが、ユーザーがフォームを送信したときに正しいデータを送信しようとしました。AngularJSとIonicを使用したラジオボタンの選択解除

質問にラジオボタン(回答)のグループがある場合、私のアプリはユーザーが(期待どおり)それらのいずれかをヒットしたときに回答を「選択済み」とマークしますが、 「選択済み」とします。したがって、データが送信されると、私は「ラジオボタンの質問」で複数の回答を受け取ります。ユーザーがラジオボタンで再生し、2に当たった場合、

<ion-radio name="{{q.question}}" 
       ng-if="q.is_simple == 1" 
       ng-repeat="a in q.answers" 
       ng-model="a.selected" 
       value="true"> 
     {{a.answer}}</ion-radio> 

そして:私はラジオボタンの間違った設定だと思っ、here'sそれのコードの抜粋

Here´s my code in codepen

どちらのオプションも「選択済み」とマークされています。

"answers": [ 
    { 
     "id": "5", 
     "question_id": "2", 
     "answer": "Yes", 
     "selected": "true", 
    }, 
    { 
     "id": "6", 
     "question_id": "2", 
     "answer": "No", 
     "selected": "true", 
    } 

これを理解する手助けをしてもらえますか?私は何が間違っているのか分かりません。チェックボックスの質問はうまくいきますが、ラジオボタンではないことがわかります。

ありがとうございます。私はあなたが私に与えることができるどんな助けにも感謝します。

答えて

0

これは、ラジオボタンがangularjsでどのように動作するかではありません。

ラジオボタンごとに同じモデルが必要です。そして、値が選択された値になります。

<ion-radio name="{{q.question}}" 
      ng-if="q.is_simple == 1" 
      ng-repeat="a in q.answers" 
      ng-model="mymodel.thisanswer" 
      ng-value="{{a.id}}"> 
    {{a.answer}} 
</ion-radio> 

EDIT何をしたいの応じて、これはq.selectedAnswerに店である可能性があります。このように、あなたは選択された答えであなたの質問にプロパティを持っています。 {{a.answer}}

+0

お返事ありがとうございます。しかし、私は 'ng-repeat'を使ってラジオボタンを動的に生成していますので、' ng-model'に正確に何を入れるのかよくわかりません。あなたはcodepenを見て、それが正しいモデルを入れてみることができますか?私はとても感謝しています。事前に感謝@ e666 – Gustavo

+0

編集の回答を表示 – e666

+0

非常に@ e666ありがとう、私はなぜそれについて前に考えていないか分からない。私はAngularJSで新しくなっていますが、私はもっと毎日勉強しています。どうもありがとう! – Gustavo

関連する問題