Question

我在基于angularjs的页面中包含了一些页面，如下所示：

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

JS：

$scope.selectImage = function(id) {$scope.includehtml = id;}

（我在调用函数selectImage（）时将html文件地址作为参数发送，如下图所示）

<a href="javascript:void(0)" data-ng-click="selectImage('lists/1.html');"></a>

在1.html文件的末尾，我有一个javascript内部代码。当我通过点击链接（将文件URL发送到函数selectImage（）的链接）包含1.html文件时，不会执行该代码。

我想知道如何更改代码以执行javascript代码？

Answer 1

应该是

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

ngInclude docs

Answer 2

如果你想使用src属性，你的div应该如下所示;

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

您应该使用以下代码阻止anchor元素的默认操作。

<a class=”button” href=”#” id=”selectImage” ng-click=”selectImage($event, 'imgLoc')”>Select Image</a>


    $scope.selectImage = function (event, imgloc) {
    event.preventDefault();
   // do your action here
    };

包含页面

2 个答案: