Angularjs with Yii framework

I have created a form in html using angularjs and it is working fine But when i use that same angularjs code into a Yii form it is not giving results. Can anyone tell me what should i do.

I am a new user to Yii and angular. I tried ng-messages and ng-if in my code below:

<div class="control-group">

&lt;?php echo &#036;form-&gt;textField(&#036;model, 'jobTitle', array('placeholder'=&gt;'JobTitle (eg. Trainee)','ng-model'=&gt;'form.jobTitle','name'=&gt;&quot;jobTitle&quot;,'required'=&gt;'required'?&gt; &lt;span class=&quot;errorMessage mandatory-star&quot;&gt;*&lt;/span&gt;





&lt;div ng-messages=&quot;jobpost-form.jobTitle.&#036;error&quot; ng-if=&quot;interacted(jobpost-form.jobTitle)&quot;&gt;


    &lt;div ng-message=&quot;required&quot;&gt;You did not enter a field&lt;/div&gt;


&lt;/div&gt;

</div>

<div class="control-group">

&lt;?php echo &#036;form-&gt;textField(&#036;model,'organizationName',array('placeholder'=&gt;'Company (eg. Microsoft)',&quot;name&quot;=&gt;&quot;Company&quot;,'required'=&gt;'required')); ?&gt; &lt;span class=&quot;errorMessage mandatory-star&quot;&gt;*&lt;/span&gt;





&lt;div ng-messages=&quot;jobpost-form.Company.&#036;error&quot; ng-if=&quot;interacted(jobpost-form.Company)&quot;&gt;


    &lt;div ng-message=&quot;required&quot;&gt;You did not enter a field&lt;/div&gt;


&lt;/div&gt;

</div>

<div class="control-group">

&lt;?php echo CHtml::submitButton( 'Post Job',array( 'class'=&gt;'btn highlight-btn bigsize')); ?&gt;&lt;/div&gt;

But when I run this into browser the ng-message div is disappeared and ng-If code is automatically commented. I have seen this in inspect element.

like this:

<span class="errorMessage mandatory-star">*</span>

<!-- ngIf: interacted(jobpost-form.jobTitle) -->