Modularny pasek nie ładuje szablonu

Question

Z jakiegoś powodu modalne okno działa dobrze, ale nie wczytuje żadnych określonych szablonów.

Mój kontroler ma ten kod;

var brnSearchModal = $modal({ scope: $scope, template: "app/rrn/searchBrn.html", contentTemplate: false, html: true, show: false }); 

$scope.showModal = function() { 
    brnSearchModal.$promise.then(brnSearchModal.show); 
}; 

Mój HTML wygląda tak;

<button data-ng-click="showModal()" type="button" class="btn btn-info" data-animation="am-fade-and-slide-top"> 
    BRN Lookup 
</button> 

I mój szablon jest w pliku i wygląda tak;

<div class="modal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header" ng-show="title"> 
       <button type="button" class="close" ng-click="$hide()">&times;</button> 
       <h4 class="modal-title" ng-bind="title">Hello, World!</h4> 
      </div> 
      <div class="modal-body" ng-bind="content">Lorem ipsum dolor.</div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" ng-click="$hide()">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

Nie ma błędu, wszystko wydaje się działać poprawnie, ale szablon się nie wczytuje. Jeśli debuguję pasek naramienny w jednym punkcie, szablon jest ładowany, ale znika i pozostawia puste modalne.

Answer 1

spróbuj dodać atrybut BS-modal: patrz examples

<button data-ng-click="showModal()" type="button" class="btn btn-info" data-animation="am-fade-and-slide-top" bs-modal="brnSearchModal"> 
    BRN Lookup 
</button> 

przeciwnym razie użyj danych szablon przypisywać bezpośrednio bez użycia JS pokazać modalne:

<button type="button" class="btn btn-info" data-animation="am-fade-and-slide-top" data-template="app/rrn/searchBrn.html" bs-modal="modal"> 
    BRN Lookup 
</button> 

myślę, kiedy można umieścić bs-modal="modal" modal jest jakoś zdefiniowany w bibliotece pasków kątowych.

Answer 2

Usuń ng-show="title", ng-bind="title" z szablonu.

Answer 3

należy usunąć ng-show="title "ng-show="content" lub ng-bind="title" z szablonu. Należy upewnić się, że szablon nie ma ng-show.