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

Post Reply
User avatar
vasilev
Потребител
Потребител
Posts: 619
Joined: Sat Feb 07, 2009 12:41 pm
Answers: 24
Location: Everywhere
Contact:

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

Post by vasilev » Wed Feb 22, 2017 8:13 am

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

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

Code: Select all

<style type="text/css">.has-error&#123;color&#58;red!important;&#125;input.ng-invalid &#123;border-color&#58; red;&#125;</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="&#123;'has-error'&#58;form.demo.type.$invalid&#125;">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
Потребител
Потребител
Posts: 825
Joined: Tue Dec 25, 2012 10:03 am
Answers: 142
Contact:

Post by joTunkiq » Wed Feb 22, 2017 10:57 am

[html]ng-class="{'has-error':(demo.type.length<1)}"[/html] :idea: :?:

User avatar
vasilev
Потребител
Потребител
Posts: 619
Joined: Sat Feb 07, 2009 12:41 pm
Answers: 24
Location: Everywhere
Contact:

Post by vasilev » Wed Feb 22, 2017 11:57 am

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

но .. не става. не съм сигурен защо.

joTunkiq
Потребител
Потребител
Posts: 825
Joined: Tue Dec 25, 2012 10:03 am
Answers: 142
Contact:

Post by joTunkiq » Wed Feb 22, 2017 12:09 pm

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

Ето пример: https://jsfiddle.net/r4vbd5L7/ ? :idea: :?:

User avatar
vasilev
Потребител
Потребител
Posts: 619
Joined: Sat Feb 07, 2009 12:41 pm
Answers: 24
Location: Everywhere
Contact:

Post by vasilev » Wed Feb 22, 2017 12: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>

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

Post Reply