2016-12-12 4 views
0

У меня есть форма для входа в систему как модель и в которой у меня есть условия и кнопка, и я хочу показать другую модель, когда я нажимаю на эти условия. Поэтому, когда я нажимаю на свои терминальные кнопки html содержащие термины.Как включить html в angularjs

Мой HTML:

<div class="col_full"> 
     <input type="checkbox" ng-class="{'error': submitted && registerLoginForm.terms.$error.required}" name="terms" value="check" id="agree" ng-model="register.terms" required/> I agree to the XpertDox <a href="#" ng-click="termsandPolicy('terms')">Terms of Use</a> & <a href="#" ng-click="termsandPolicy('privacy')">Privacy Policy.</a> 
</div> 

мой термины HTML является термины-model.html

мои JS,

$scope.termsandPolicy = function(type){ 
      $timeout(function(){ 
       if(type == 'terms'){ 
        $('#terms-model').modal('show'); 
       } 

      }, 1000); 

     } 

Но я не уверен, что там, где я должен включить этот термины-модель. Кто-нибудь может мне помочь ?

+0

Для условий и условий модальной, которые будут отображаться вы должны включить его на свою страницу html, где записывается тег ввода. В противном случае он не будет доступен и не будет отображаться – Gaurav

+0

Как я могу включить? Это так:

MMR

+0

вы можете использовать специальную директиву для этой цели. поместите весь свой html-код в раздел шаблонов директивы и ограничьте его как элементы, затем вы можете включить его как элемент html Gaurav

ответ

1

Вы можете использовать модальное диалоговое окно загрузки, если вы используете загрузку. Добавьте ng-include в свой html, как показано ниже.

Html

<ng-include="'template/terms-model.html'"></ng-include> 

термины-model.html

<div id="termsModal" class="modal" role="dialog" 
    tabindex="-1" aria-labelledby="modalLabel" aria-hidden="false" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-dialog"> 
     <!-- Modal content --> 
     <div class="modal-content"> 
      <!-- Place ur content here --> 
     </div> 
    </div> 
</div> 

Js

$scope.termsandPolicy = function(type){ 
    // Show modal by Id 
    $('#termsModal').modal('show'); 
} 
Смежные вопросы