angularjs - ui.bootstrap 模式加载 html 但不显示任何内容

Question

其加载打开模式以及指定的加载模板。但没有显示任何内容。

在此处查看演示:http://demo.hupp.in/food-admin

前往 [产品] 并搜索 EnegiKcal >= 3500。然后单击管理。它将打开弹出窗口，但模板内容未加载。

我注意到的另一件事是它有时会为模板返回HTTP 304。

这就是我打开模式的方式:

/** 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');
    };
};

这是模板代码:

<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

好吧，这很奇怪，但看来你的模板是基于 https://github.com/angular-ui/bootstrap/blob/master/template/modal/window.html 的 master 分支

以及标签 0.11 上的来源。

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

当您在控制台中输入 $('.modal-content') 时，它是可见的，您将看到它需要一个 modal-transclude 指令，但在源代码中没有该指令的踪迹。因为，在 0.11 上它直接使用 ng-transclude 指令，它是 Angular 的一部分。

因此，您的代码是正确的，但库不正确，请尝试检索它的正确版本(也许他们的存储库的最后一个版本已损坏)