时间戳

首页 > 解决方案 > 获取选定选项的值并比较选择标签外的值以获取该值的更多数据

html - 获取选定选项的值并比较选择标签外的值以获取该值的更多数据

问题描述

我是 AngularJS 的新手，最近我用ng-repeat. 我有一个 JSON API propertyDetails，其中包含一些属性的详细信息。

我可以通过将 API 中的 设置为选项的值来获取选择标记选项中所有属性的ng-repeat名称propertyID。在 API 中，我有一个参数 propertyType。

我现在想要实现的是，当我从选择选项中选择一个 propertyName 时，propertyType<p>根据从选择标签中选择的属性显示在标签中。 

<select ng-if="user.role=='2'" id="propertyDropdown" ng-model="propertyDetails.model">
  <option ng-repeat="prop in propertyDetails" value={{ prop.id }}>{{ prop.name }}</option>
</select>
<p>{{ here I want the property type according to the selected property }} </p>

标签： htmlangularjs

解决方案

这很简单，只需在您的选择上编写一个调用 ng-change 然后传递索引值来更改函数，或者您可以将 ng-change 中的 proptype 值直接设置为

<select ng-if="user.role=='2'" ng-model="prop_id" id="propertyDropdown">
  <option ng-repeat="prop in propertyDetails" value={{ prop.id }} ng-change="changed(prop)">{{ prop.name }}</option>
</select>
<p>{{ propType }} </p>

在控制器中：

function changed(prop){
  $scope.propType = prop.propertyType
}

推荐阅读