获取所选选项的值并比较 select 标记外部的值以获取该值的更多数据

Question

我是AngularJS的新手，最近我用ng-repeat做了一个选择标签。我有一个 JSON API propertyDetails其中我有一些属性的详细信息。

我能够通过ng-repeat获取选择标签选项中所有属性的名称，并将 API 中的propertyID设置为选项的值。在 API 中，我有一个参数属性类型。

我现在要实现的是，当我从选择选项中选择属性名称时，属性类型根据选择标签中的选定属性显示在<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>

Answer 1

很简单，

只需在选择上编写一个调用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
}