angularjs промяна на label при $error на input..

vasilev

Registered
здравейте,
нуждая се от малко съдействие.
опитвам се да променя цветът на label ако input полето не е попълнено или select е празен..

опитах и с $error.required но не сработва..

Код:
<style type="text/css">.has-error{color:red!important;}input.ng-invalid {border-color: red;}</style>


<form name="form" ng-app>
<div class="form-group-sm">
                      <label class="col-md-2 control-label" data-trigger="hover" data-toggle="popover" data-placement="right" data-html="true" data-content="something" title="" data-original-title="something" ng-class="{'has-error':form.demo.type.$invalid}">something</label>
                      <div class="col-md-10"><div class="fg-line"><select class="form-control" ng-model="demo.type" ng-required="true"><option value="">Please select</option><option value="option1">option1</option>...</select>
</div>
</div>
 </div>
 
хм.
опитах и това, сложих в select един ng-minlenght="1"
след това
ng-class="{'has-error':(form.demo.type.$error.minlength)}"

но .. не става. не съм сигурен защо.
 
Добре, тогава пробвай с !demo.type - като внимавай какви модели раздаваш на инпута, защото модела на селекта ти е demo.type, а в проврката проверяваш form.demo.neshtosi.akowa.walidno ?!

Ето пример: https://jsfiddle.net/r4vbd5L7/ ? :idea: :?:
 
добре.. аз тъкмо разбрах защо не работи така, тъй като то гледа за name полето а аз такова нямам:

<form name="form">
<input type="text" name="demo" ng-model="mq.queue" required>
</form>

<p>The input's valid state is:</p>
<h1>{{form.demo.$valid}}</h1>

примерно.
мерси!
 

Горе