У меня есть следующий выбор:
<select selected="windows" ng-model="wdtype[4][$index]" id="inputEmail1" class="form-control">
<option>app1</option>
<option>app2</option>
<option>app3</option>
</select>
Я хочу, чтобы каждый раз, когда пользователь inputName3
опцию, будет отображаться поле inputName3
. Поле определяет следующее:
<input type="text" class="form-control" ng-model="wdname[4][$index]" id="inputName3" placeholder="Machine Name" disabled>
Например, пользователь выбирает app1
, поэтому имя будет m-app1
. Если пользователь выбирает app2
, будет отображаться имя: m-app2
.
Я не вижу ни одного спускового крючка, который может помочь мне в этом случае.
Вы можете определить значения для таких параметров, как это
<option value="m-app1">app1</option>
<option value="m-app2">app2</option>
<option value="m-app3">app3</option>
Или сделать это в общем виде. Определите функцию в области, которая преобразует выбранное значение так, как вам нужно.
В контроллере:
$scope.getMachineName = function () {
if (wdtype[4][$index]) return '';
return 'm-' + $scope.wdtype[4][$index];
}
В шаблоне
<input type="text" class="form-control" value="{{getMachineName()}}"