javascript - Angular 动态包含 html

Question

我想在点击时包含 Bootstrap 模式的 HMTL，但我无法让它工作。

在我的 Controller 中，我有以下代码:

  $scope.onFollowingClick = function () {
        console.log('clicked');
        $scope.isFollowingModal = true;
        $('#FollowingModal').modal('toggle');
    };

我的 HTML 看起来像这样:

<div ng-if="isFollowingModal">
    <div class="modal modal-alternate fade" ng-include="'/Templates/Modals/Public/ModalFollowing.html'" id="FollowingModal"> </div>
</div>

当我单击按钮时，没有任何反应(“单击”记录在控制台中)，当我检查元素时，在浏览器中，我只看到:

<!-- ngIf: isFollowingModal -->

并且没有记录获取 ModalFollowing.html 的网络请求。

我做错了什么？

Answer 1

如果我们这样做，使用 $http 服务确实很有帮助，即使 ngInclude 获取、编译并包含外部 HTML 片段。

$scope.onButtonClick = function() {
  $http
    .get('/Templates/Modals/Public/ModalFollowing.html')
    .success(function(response) {
      $('modal')
        .html(response)
        .modal('show');
    });
}

永远不要忘记异步:P