Javascript 如何从第一个表单传递id和名称，并在angularjs中仅在第二个表单中显示名称

我有两个表单。在这些表单中，我从第一个表单获得输入，并在第二个表单中显示，这意味着如果用户从下拉列表中选择了货币，我需要传递id和货币名称。但仅在第二种形式中显示货币名称。我尝试了一种方法（不知道是否正确），它只显示id。我是新来的。有没有办法解决这个问题

HTML

试一试

货币：{{CurrencyId.name}

试试看

货币：{{CurrencyId.name}

这是您可以选择的最简单的解决方案。不要让

值={{CurrencyId.CurrencyId}}

将其设置为

值={{CurrencyId.name}

用于下拉列表中的选项，您可以选择。下面是相同的演示。但是如果您想将

currencyId

保存为值，则必须迭代数组并根据所选

currencyId

查找名称，然后在视图中显示该名称

更新

更新代码，将

currencyId

存储为选定值，然后基于该值在视图中显示名称

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.currencyList=[{
货币ID:1，
名称：“印度卢比”
},
{
货币ID:2，
名称：“$”
},
{
货币ID:3，
名称：“#”
}
];
$scope.currencyChanged=函数（）{
var选择货币；
对于（变量i=0；i<$scope.currencyList.length；i++）{
var thisCurr=$scope.currencyList[i]；
如果（$scope.CurrencyId==thisCurr.CurrencyId）
selectedCurrency=thisCurr.name；
}
返回所选货币；
}
$scope.firstform=true；
$scope.savedetails=函数（）{
$scope.firstform=false；
$scope.secondform=true；
}
})；

通货
{{CurrencyId.name}
保存详细信息


货币：{{currencyChanged（）}}

这是您可以选择的最简单的解决方案。不要让

值={{CurrencyId.CurrencyId}}

将其设置为

值={{CurrencyId.name}

用于下拉列表中的选项，您可以选择。下面是相同的演示。但是如果您想将

currencyId

保存为值，则必须迭代数组并根据所选

currencyId

查找名称，然后在视图中显示该名称

更新

更新代码，将

currencyId

存储为选定值，然后基于该值在视图中显示名称

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.currencyList=[{
货币ID:1，
名称：“印度卢比”
},
{
货币ID:2，
名称：“$”
},
{
货币ID:3，
名称：“#”
}
];
$scope.currencyChanged=函数（）{
var选择货币；
对于（变量i=0；i<$scope.currencyList.length；i++）{
var thisCurr=$scope.currencyList[i]；
如果（$scope.CurrencyId==thisCurr.CurrencyId）
selectedCurrency=thisCurr.name；
}
返回所选货币；
}
$scope.firstform=true；
$scope.savedetails=函数（）{
$scope.firstform=false；
$scope.secondform=true；
}
})；

通货
{{CurrencyId.name}
保存详细信息


货币：{{currencyChanged（）}}

您可以使用ng选项，它非常灵活，我们可以显示一个值并选择整个对象或任何特定属性

请查看下面的plunker，希望它符合您的要求

有关ng选项的更多详细信息，请浏览下面的视频

---

您可以使用ng选项，它非常灵活，我们可以显示一个值并选择整个对象或任何特定属性

请查看下面的plunker，希望它符合您的要求

有关ng选项的更多详细信息，请浏览下面的视频

---

---

你能展示一个plunker吗？你可以在从一个视图转换到另一个视图时使用服务来保存数据…@PankajParkar实际上是angular的新手。我不知道怎么做。你能提供一个工作模式吗code@Coder请参考它肯定会对你有帮助。你的表单是在同一个视图中还是在不同的视图中？你能展示一个plunker吗？你能在从一个视图转换到另一个视图时使用服务来保存数据…@PankajParkar实际上是angular的新手。我不知道怎么做。你能提供一个有效的解决方案吗code@Coder请参考它肯定会对你有帮助。你的表单是在同一视图中还是在不同视图中？请现在检查请现在检查请帮助我..如何做这一个？？“”如果要将currencyId另存为值，则必须迭代数组并根据选定的currencyId查找名称，然后在视图中显示该名称。“”我是angular的新手。是的，你必须在数组中迭代找到所选货币。等待将更新答案谢谢兄弟。我为此挣扎了两个多星期。请让我知道这是否解决了你的问题？你确定兄弟。我正在尝试这一个。我会让你知道的。请帮助我。如何做这一个？？“”如果要将currencyId保存为值，则必须迭代数组，根据选定的currencyId查找名称，然后在视图中显示。“”我是angular的新手。是的，你必须在数组中迭代找到所选货币。等待将更新答案谢谢兄弟。我为此挣扎了两个多星期。请让我

         <div class="row text-center" ng-show="firstform">
                <form name="validation">
            <label>Currency</label>
             <select ng-model="CurrencyId" ng-selected="CurrencyId" class="form-control" id="CurrencyId">
              <option ng:repeat="CurrencyId in currencyList" ng-selected="selectedCurrencyType == CurrencyId.id" value={{CurrencyId.currencyId}}>{{CurrencyId.name}}</option>
            </select>

             <label>Grade</label>
             <select ng-model="GradeId" ng-selected="GradeId" class="form-control" id="GradeId">
            <option ng:repeat="GradeId in RaceGradeList" ng-selected="selectedGrade == GradeId.id" value={{GradeId.id}}>{{GradeId.gradeName}}</option>
            </select>
    <button type="submit"value="add" ng-click="savedetails()" />
       </form>
    </div>


      <div class="row text-center" ng-show="secondform">
     <form name="thirdform">
     <ul >
      <li><p>Currency:{{CurrencyId}}</p> </li>
     <li><p>Grade:{{GradeId}}</p> </li>
     </ul>
     </form>
</div>

    $scope.savedetails = function () {
            $scope.firstform= false;
            $scope.secondform = true;

        }

<li><p>Currency:{{CurrencyId.name}</p> </li>

  <select ng-model="CurrencyId" ng-options="currency.id for currency in currencyList" class="form-control" id="CurrencyId" >

        </select>