Question

我为我的页面定义了当某些用户点击我的图片时，它会将一些页面的相对网址传递给名为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路径，因此使用函数名称和模板名称。

Answer 2

真棒！问题解决了！

<div data-ng-include src="includehtml"></div>

谢谢@Saurabh Tiwari！

Answer 3

包含页面

title="Click here for Google"

调用函数示例

<body ng-app="">

<div ng-include="'myFile.htm'"></div>

</body>

Answer 4

也可以像

一样使用

<div ng-include=includehtml></div>

OR

<div data-ng-include=includehtml></div>

请验证。

如何在AngularJS中调用函数和包含页面

4 个答案: