javascript - 如何使用 AngularJS 修复 IE9 引发 SCRIPT1028 错误？

Question

我在我的单页应用程序中使用AngularJS 。我在某处定义了这样的按钮

<button class="btn btn-success" onclick="doSeekTo({{todo.position}});doPlay();">

单击此按钮时，将调用带有双花括号中给定参数的 javascript 函数，与 AngularJS 一样。

这一切在 IE9 中运行良好，但是当查看错误控制台时，它在我的花括号位置显示“预期的标识符、字符串或数字”。

如何摆脱这个错误？这让我感到不舒服。

Answer 1

在 Angular 中，您不应该使用内置onclick事件，而是使用 Angular 的ng-click事件。这样你就可以写

ng-click="doSeekTo(todo.position);doPlay()"

Answer 2

IE9 在您的 angularjs 代码修改它之前解析 HTML。也许像这样的一些间接性会有所帮助......

<button class="btn btn-success" paramvalue="{{todo.position}}" onclick="doSeekTo(this.paramvalue);doPlay();">

Answer 3

另一种选择是将 {{}} 括在单引号中，以便 IE 将其解释为字符串：

<button class="btn btn-success"> onclick="doSeekTo('{{todo.position}}');doPlay();">