AngularJS在提交表单后显示输入的数据答案

【问题标题】：AngularJS Show inputted data after submit formAngularJS在提交表单后显示输入的数据
【发布时间】：2016-07-29 21:20:04
【问题描述】：

我有带有输入字段、单选按钮和选择框的表单。

如何在另一个页面或本页面的模态窗口中显示所有输入的数据？

对于单选框，我想在 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>

【问题讨论】：

您使用的是相同的ng-Model。对于两个输入。即ng-model="isNewpat"
当我制作 2 个其他型号时，我可以同时选择 2 个收音机。
不，在这种情况下是不可能的。其实我无法理解你的问题。如果您使用ng-model="isNewpat"，则在任何单选按钮上选择的值都将添加到$scope.isNewpat，如果这是您想要的。你上面的代码也会这样做
isNewpat: $scope.isNewpat,
$scope.makeAptmn = function () { var apnmt = { 患者：$scope.patient，doctorId：$scope.selectedDctrId，isNewpat：$scope.isNewpat，};

标签： javascript html angularjs forms bootstrap-modal

【解决方案1】：

我理解你的问题。我认为这对你有用。如果要在模态中显示单选框选择的值。请详细说明，以便进一步提供帮助

改变这个

 <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>

【讨论】：

当我更改名称 ng-model 时，现在我可以同时选择 2 个单选按钮。