title: How to include html in angularjs
body: <p>I have a login form as a model and in which I have terms and conditions button and I want to show another model when I click on that terms.Therefore when I click on my terms buttons a html containing terms should be shown.</p>
  
  <p><strong>My html :</strong></p>
  
  <pre><code> &lt;div class="col_full"&gt;
          &lt;input type="checkbox"  ng-class="{'error': submitted &amp;&amp; registerLoginForm.terms.$error.required}"  name="terms" value="check"   id="agree"  ng-model="register.terms" required/&gt; I agree to the XpertDox &lt;a href="#" ng-click="termsandPolicy('terms')"&gt;Terms of Use&lt;/a&gt; &amp; &lt;a href="#" ng-click="termsandPolicy('privacy')"&gt;Privacy Policy.&lt;/a&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>my terms html is terms-model.html</p>
  
  <p>my js,</p>
  
  <pre><code>$scope.termsandPolicy = function(type){
              $timeout(function(){
                  if(type == 'terms'){
                      $('#terms-model').modal('show');
                  }
  
              }, 1000); 
  
          }
  </code></pre>
  
  <p>But I am not sure that where I should include this terms-model. Can anyone help me please ?</p>