<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comments on: Form Validation in AngularJS with Example	</title>
	<atom:link href="https://krazytech.com/programs/form-validation-in-angularjs/feed" rel="self" type="application/rss+xml" />
	<link>https://krazytech.com/programs/form-validation-in-angularjs</link>
	<description>A Technology Base</description>
	<lastBuildDate>Mon, 02 Sep 2019 17:57:40 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
	<item>
		<title>
		By: Ravi Bandakkanavar		</title>
		<link>https://krazytech.com/programs/form-validation-in-angularjs/comment-page-1#comment-25870</link>

		<dc:creator><![CDATA[Ravi Bandakkanavar]]></dc:creator>
		<pubDate>Mon, 02 Sep 2019 17:57:40 +0000</pubDate>
		<guid isPermaLink="false">http://sh054.global.temp.domains/~krazyliv/krazytech/?p=5963#comment-25870</guid>

					<description><![CDATA[In reply to &lt;a href=&quot;https://krazytech.com/programs/form-validation-in-angularjs/comment-page-1#comment-25862&quot;&gt;Vinoth&lt;/a&gt;.

The ng-class directive helps to bind one or more CSS classes to an HTML element. The syntax ng-class=&quot;{ : }&quot; indicates as we can provide more than one CSS based on condition.
Ex : &lt;div ng-class=&quot;{&#039;rowColor1&#039;: data.TotalSku &gt;= 0, &#039;rowColor2&#039;:data.TotalSku &gt;= 1000 &amp; data.TotalSku &lt; 5000, &#039;rowColor3&#039;: data.TotalSku &gt;= 5000}&quot;&gt;&lt;/div&gt;

.rowColor1{
  border: 1px solid #F9F9F9;
  background-color: blue;
}
.rowColor2{
  border: 1px solid #FDFDFD;
  background-color: orange;
}
.rowColor3{
  border: 1px solid #F2F2F2;
  background-color: green;
}]]></description>
			<content:encoded><![CDATA[<p>In reply to <a href="https://krazytech.com/programs/form-validation-in-angularjs/comment-page-1#comment-25862">Vinoth</a>.</p>
<p>The ng-class directive helps to bind one or more CSS classes to an HTML element. The syntax ng-class=&#8221;{ : }&#8221; indicates as we can provide more than one CSS based on condition.<br />
Ex : </p>
<div ng-class="{'rowColor1': data.TotalSku>= 0, &#8216;rowColor2&#8217;:data.TotalSku >= 1000 &#038; data.TotalSku < 5000, 'rowColor3': data.TotalSku >= 5000}&#8221;></div>
<p>.rowColor1{<br />
  border: 1px solid #F9F9F9;<br />
  background-color: blue;<br />
}<br />
.rowColor2{<br />
  border: 1px solid #FDFDFD;<br />
  background-color: orange;<br />
}<br />
.rowColor3{<br />
  border: 1px solid #F2F2F2;<br />
  background-color: green;<br />
}</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Vinoth		</title>
		<link>https://krazytech.com/programs/form-validation-in-angularjs/comment-page-1#comment-25862</link>

		<dc:creator><![CDATA[Vinoth]]></dc:creator>
		<pubDate>Tue, 27 Aug 2019 11:26:23 +0000</pubDate>
		<guid isPermaLink="false">http://sh054.global.temp.domains/~krazyliv/krazytech/?p=5963#comment-25862</guid>

					<description><![CDATA[ng-class=&quot;{  :  }&quot;   
Please provide the example to this because I am getting too confused with this line.]]></description>
			<content:encoded><![CDATA[<p>ng-class=&#8221;{  :  }&#8221;<br />
Please provide the example to this because I am getting too confused with this line.</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
