Question

我有一个ng-repeat，我想使用两个参数在ng-mouseover中调用一个函数，如下所示：

ng-mouseover="textlimit({{item.id}}, 900)"

如果我这样做，变量在源中正确显示，但控制台输出角度语法错误。我的功能不起作用，因为我添加了这个变量。

我该怎么办？

PS：变量是一个数字：1,2,3,4等。

由于

Answer 1

{{}}中不需要ng-mouseover，因为它是一个角度分量，

您可以直接使用该方法，如

ng-mouseover="textlimit(item.id, 900)"

而不是

ng-mouseover="textlimit({{item.id}}, 900)"

示例示例如下所示

Working Demo

<强> HTML

<div ng-app='myApp' ng-controller="ArrayController">
   <a href="#" onclick="return false;" ng-mouseover="textlimit(item.id, 900)">Download</a>
</div>

<强>脚本

var app = angular.module('myApp', []);
app.controller('ArrayController', function ($scope) {
    $scope.item = {
        id:21
    }
    $scope.textlimit = function(id, value)
    {
        console.log('id::',id);
        console.log('value::',value);
    }
});

将$ scope变量传递给带有angular的html函数标记

1 个答案: