ui.bootstrap modal yükleme html ancak hiçbir şey göstermiyor

Question

Yükleme yükleme modal ve ayrıca yükleme şablonu belirtildi. Ama hiçbir şey göstermiyor.

Kontrol burada demo: [Ürünleri] olarak http://demo.hupp.in/food-admin

Git ve EnegiKcal> = 3500 Sonra 'yönetmek ara. Açılır ancak şablon içeriği yüklenmez.

Ayrıca dikkat ettiğim bir başka şey, bazen şablon için HTTP 304 döndürmesidir.

Bu

ben kalıcı açmak nasıl:

İşte

/** Open Modal For add edit tags */ 
$scope.open = function (productId) { 

    var modalInstance = $modal.open({ 
     templateUrl: 'views/some.html', 
     controller: tagsModalInstanceCtrl, 
     size: 'lg' 
    }); 

    modalInstance.result.then(function (msg) { 

    }, function() { 
     // $log.info('Modal dismissed at: ' + new Date()); 
    }); 

}; 

var tagsModalInstanceCtrl = function ($scope, $modalInstance) { 

    $scope.ok = function() { 
     $modalInstance.close("hi"); 
    }; 

    $scope.cancel = function() { 
     $modalInstance.dismiss('cancel'); 
    }; 
}; 

şablon kodu: Nitekim olarak

<div class="modal-header"> 
    <h3 class="modal-title">I'm a modal!</h3> 
</div> 
<div class="modal-body"> 
    <h3>Well, Hello there!</h3> 
</div> 
<div class="modal-footer"> 
    <button class="btn btn-primary" ng-click="ok()">OK</button> 
    <button class="btn btn-warning" ng-click="cancel()">Cancel</button> 
</div> 

Answer 1

Tamam, oldukça garip ama sizin şablon usta https://github.com/angular-ui/bootstrap/blob/master/template/modal/window.html

dalı ve etiket 0.11 üzerinde kaynaklarına dayanmaktadır görünüyor.

https://github.com/angular-ui/bootstrap/blob/0.11.0/src/modal/modal.js

Size $ yazdığınızda konsolunda, bunun kalıcı-transclude yönergesi ihtiyacı olduğunu göreceksiniz ('içerikli modal.') Görülebilir, fakat kaynaklarda bu hiçbir iz yoktur direktif. Çünkü, 0.11'de doğrudan açısal parçanın bir parçası olan ng-transclude direktifini kullanır.

Yani, kod doğru fakat lib, (belki onların reponun son yapı bozuldu) onun bir doğru sürümünü

Answer 2

, bir var mı angularjs v1.2'ye geçerken benzer bir problem. Eskiden çalışan diyalog, tıpkı seninki gibi görünmedi. Yeniden görünür hale getirmek için böyle bir şey bakmak için yapısını değiştirmek zorunda kaldı:

<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <div class="row"> 
       <div class="col-lg-9"> 
        <h3>{{header}}</h3> 
       </div> 
      </div> 
     </div> 
     <div class="modal-body"> 
      <form name = "kontoForm" szp-focus="sifra"> 
       <!-- Šifra --> 
       <szp-input id="sifra" text="Šifra" place-holder="šifra" value="konto.sifra" required="!konto.sifra"></szp-input> 
       <!-- Naziv --> 
       <szp-input id="naziv" text="Naziv" place-holder="naziv" value="konto.naziv" required="!konto.naziv"></szp-input> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-primary" ng-hide="!kontoForm.$valid || (mode == 'edit')" ng-click="okContinue()">OK i nastavi</button> 
      <button class="btn btn-primary" ng-hide="!kontoForm.$valid" ng-click="ok()">OK i zatvori</button> 
      <button class="btn btn-warning" ng-click="cancel()">Odustani</button> 
     </div> 
    </div> 
</div> 

Ben çalışması için kalıcı bir içerik sınıfı ile bir div herşeyini sarmak zorunda kaldı.

Answer 3

o yanı nedense ben bu kapalı yaşamış

Answer 4

yardımcı olacaktır olmak .may senin/js klasöründeki jquery ve açısal için .map dosyaları içerir.

Bir CSS ifadesi ekleyerek çözdüm, Chrome'un araçlarıyla bir inceleme yaptıktan sonra, herhangi bir nedenden ötürü kalıcı ekranın gizlenmiş olarak ayarlandığını gördüm.

.modal { 
    display: block; 
} 

Answer 5

bir bakış, bu bağlantıyı al alınırken deneyin değildir.

http://plnkr.co/edit/EYDEG5WSmNwxQflsB21T?p=preview

vm_main.showModal = { 
     mostrarErrores : false, 
     showModal : function(jsonError) { 
      var options={ 
       tituloModal: jsonError.titleModal, 
       textoPrincipal: jsonError.mainMessage, 
       textoBtnAceptar: "Aceptar", 
       accionBtnAceptar: "vm_popup.cerrarPopup()", 
      }; 
      commonPopUpService.getDisclaimerGeneric($scope, 'commonPopUpController', options); 
     } 
    }; 

Bir modal olarak basit dinamik html yüklemek konusunda size yardımcı olacağına inanıyoruz.1. bize bir plnkr veya benzeri maddelere çoğaltmak 2. deneyin (eğer kalıcı vb açmak nasıl) daha fazla bağlam gösterir: URL'nizde

Selamlar