Доброго времени суток.
Есть шаблон template.htm примерно с такой структурой, но сильно накрученный другими элементами (которые не имеют отношения к вопросу):
<div>
<div class="test">
<label for="name">name</label>
<input type="text" name="name" ng-model="item.name">
</div>
<div class="test">
<label for="desc">desc</label>
<input type="text" name="desc" ng-model="item.desc">
</div>
<div class="test">
<label for="count">count</label>
<input type="text" name="count" ng-model="item.count">
</div>
<div class="test">
<label for="label">label</label>
<input type="text" name="label" ng-model="label">
</div>
</div>
Подскажите, как правильно добавлять и удалять класс для блока div class="test" при фокусе дочернего input?
В рамках одного div и input все понятно... Вот так:
<div class="test" ng-class="{'focused': focused}>
<label for="name">name</label>
<input type="text" name="name" ng-model="item.name" ng-focus="focused=true" ng-blur="focused=false">
</div>
Но как быть в случаи наличия десятка разных input?