- angularjs промяна на label при $error на input..
WT форуми -> HTML / Javascript / CSS -> angularjs промяна на label при $error на input..
Създайте нова тема Напишете отговор 
Автор Съобщение
vasilev
Турист
Турист

Регистриран на: 07/02/2009 2:41 pm

Support: 24
Bonus: 45
Мнения: 591
Мнение 22/02/2017 10:13 am     angularjs промяна на label при $error на input.. Отговорете с цитат


здравейте,
нуждая се от малко съдействие.
опитвам се да променя цветът на 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>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
joTunkiq
Активен
Активен

Регистриран на: 25/12/2012 12:03 pm

Support: 126
Bonus: 252
Мнения: 768
Мнение 22/02/2017 12:57 pm      Отговорете с цитат


HTML code:
ng-class="{'has-error':(demo.type.length<1)}"
Idea Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
vasilev
Турист
Турист

Регистриран на: 07/02/2009 2:41 pm

Support: 24
Bonus: 45
Мнения: 591
Мнение 22/02/2017 1:57 pm      Отговорете с цитат


хм.
опитах и това, сложих в select един ng-minlenght="1"
след това
ng-class="{'has-error':(form.demo.type.$error.minlength)}"

но .. не става. не съм сигурен защо.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
joTunkiq
Активен
Активен

Регистриран на: 25/12/2012 12:03 pm

Support: 126
Bonus: 252
Мнения: 768
Мнение 22/02/2017 2:09 pm      Отговорете с цитат


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

Ето пример: https://jsfiddle.net/r4vbd5L7/ ? Idea Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
vasilev
Турист
Турист

Регистриран на: 07/02/2009 2:41 pm

Support: 24
Bonus: 45
Мнения: 591
Мнение 22/02/2017 2:22 pm      Отговорете с цитат


добре.. аз тъкмо разбрах защо не работи така, тъй като то гледа за 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>

примерно.
мерси!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети