title: ng-true-value and required in AngularJs
body: <pre><code>&lt;input type="checkbox" id="acknowledge" name="acknowledge" 
         ng-model="formData.acknowledge" 
         ng-true-value="true" 
         ng-required="formData.acknowledge !='true'"/&gt;
  
  &lt;div ng-show="(peopleworksForm.acknowledge.$dirty || peopleworksForm.submited)  &amp;&amp; formData.acknowledge !='true'"&gt;
     Please acknowledge that the information is correct&lt;/div&gt;
  </code></pre>
  
  <p>I feel that something is wrong here with <code>ng-required</code>. Without <code>required</code> or <code>ng- required</code> it works fine. It returns the error message if I don't check the checkbox. But there also a problem: although I check the checkbox, <code>form.$valid = false</code>. That's why I tried using <code>required</code> or <code>ng-required</code>. You may asked me to remove the <code>ng-true-value</code> and use <code>required</code>. I know that also working. But the problem is I load <code>formData.acknowledge = "true"</code> inside my controller, so when the page loads the checkbox has to be checked. So I had to use <code>ng-true-value</code>. Can any one help me?</p>