Получите значение выбранного параметра и сравнив значение вне тега select, чтобы получить больше данных для этого значения

Question

Я новичок в AngularJS, и недавно я создал тег select с ng-repeat.У меня есть JSON API propertyDetails, в котором у меня есть сведения о некоторых свойствах.

Я могу получить имена всех свойств в опции тега выбора через ng-repeat с propertyID из API, установленным в качестве значения опции.В API у меня есть параметр propertyType.

То, чего я сейчас пытаюсь добиться, - это когда я выбираю propertyName из опций выбора, propertyType отображается в теге <p> в соответствии с выбранным свойством из тега select.

<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 на вашем select и затем передайте значение индекса, чтобы изменить функцию, или вы можете установить значение proptype в ng-change непосредственно на

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