Question

我想通过http服务获取angular-strap模态内容，并在完成服务后根据响应创建动态html内容，并以模态显示此内容。简而言之，需要一个能够获得模态内容而不是显示所获取内容的事件。

对于ex我有一个用户列表，点击用户名我需要从服务器获取相应的用户详细信息，在完成服务后我需要以模态显示用户配置文件。

我尝试下面的代码创建li并且点击每个li我需要一个不同的模型，从服务器获取

<li ng-repeat="category in subCategories" id="{{category.id}}" ng-class="getCategoryIndex(category) != -1 ? 'inactive' : 'active';"  ng-click="select_subCategory();"
                data-template="questions.html" data-placement="center" data-animation="am-fade-and-slide-top" bs-modal="modal"
            >
                <i class="fa fa-check-circle"></i> {{category.name}}<div class="checkbox cross"><input type="checkbox" id="box_{{category.id}}" /><label for="box_{{category.id}}"></label></div>
            </li>

其中questions.html是一个静态模板，并且可以正常运行静态模板，但我将如何根据li标题从服务器中获取它？

静态模板加载为：

<script type="text/ng-template" id="questions.html">
    ...
</script>

如何根据点击的li制作模板？

Answer 1

在角运动中，我们可以直接以下面所示的方式更改ng-bind对象：

$scope.change_content = function(){

      $scope.aside = {title: 'Custom Title', content: 'Hello Custom Aside<br />This content can be fetched through an ajax request!'};
      $scope.modal = {title: 'Custom Title', content: 'Hello Custom Modal<br />This content can be fetched through an ajax request!'};
      var el = document.getElementById('trigger');
      angular.element(el).triggerHandler('click');
  };

动态角带模态模板内容

1 个答案: