javascript - 将 Angular.js 绑定(bind)传递给 javascript 函数

Question

首先请允许我说一下，我的职业是 C++ 开发人员，javascript 技能极差，所以如果这是一个基本问题，请原谅我。我想要做的是获取从 Angular 绑定(bind)生成的字符串并将其传递给 javascript 中的函数。我在下面包含了一个例子。请注意，我正在尝试将 {{x.VodName}} 传递给名为“MyFunction(vodName)”的函数。提前致谢!

<tr ng-repeat="x in names">
<td><a id="myLink" href="#" onclick="MyFunction({{ x.VodName }});">{{ x.VodName }}</a></td>
<td>{{ x.Stream }}</td>
<td>{{ x.ReplayTime }}</td>
<td>{{ x.Duration }}</td>
<td>X</td>

<script>
function MyFunction(vodName)
{
    window.alert(vodName);
}

Answer 1

在您的模板中，您可以通过将变量提供给函数来将变量提供给函数。而不是 onclick 你应该使用 ng-click

<tr ng-repeat="x in names">
  <td><a id="myLink" href="#" ng-click="MyFunction(x.VodName);">{{ x.VodName }}</a></td>
  <td>{{ x.Stream }}</td>
  <td>{{ x.ReplayTime }}</td>
  <td>{{ x.Duration }}</td>
  <td>X</td>
</tr>

对于 Controller 中的函数，了解 var MyFunction = function(name){} 和 function MyFunction(name){} 之间的区别可能很重要。有关更多信息，请查看 here