2016-07-29 8 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

Вы используете один и тот же 'нг-model'. для обоих входов. i.e 'ng-model =" isNewpat "' –

+0

, когда я делаю еще 2 модели, я могу выбирать 2 радио вместе. –

+0

Нет, в этом случае это будет невозможно. На самом деле я не могу понять вашу проблему. Если вы используете 'ng-model =" isNewpat ", значение, выбранное при любом щелчке на радио, будет добавлено в' $ scope.isNewpat', если это то, что вы хотите. Ваш выше код будет делать то же –

ответ

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> 

И это также

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

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

Когда я меняю имена ng-model, теперь я могу выбрать 2 переключателя. –

Смежные вопросы