javascript - 如何在 AngularJS 中调用函数并包含页面

Question

我为我的页面定义，当某些用户单击我的图像时，它将某个页面的相对 URL 传递给名为 selectImage() 的函数:

<figure class="imghvr-zoom-out-right">
<img src="assets/img/1/1.jpg">
<figcaption class="w3-spec-figcaption" style="background-image: url('assets/img/1/1a.jpg')"></figcaption>
<a href="javascript:void(0)" data-ng-click="selectImage('lists/1.html')"></a>
</figure>

我在脚本标签中编写了这段代码:

var app = angular.module('projects', []);
    app.controller('projects_controller', function($scope) {
       $scope.selectImage = function(id) {
          $scope.includehtml = id;
       },
       $scope.remove = function() {
          document.getElementById('img_controllers').style.display = 'none';
       };
    });

最后我定义，当用户单击图像时，Page 包含带有图像传递给函数的 url 的文件:

<div data-ng-include="{{includehtml}}"></div>

但是它不起作用:(请帮助我这对我来说非常重要......注意:该页面使用 AngularJS 1.5.7。

Answer 1

在 HTML 中调用您的函数，例如:-

<div data-ng-include="selectImage(id).includehtml"></div>

包含模板时无需编写{{ }}表达式，
并且您提到了函数中的 templateUrl 路径，因此请使用函数名称，然后使用模板名称。