javascript - Angular 表达式不会在运行时评估。为什么？

Question

我是 Angular 新手，遇到以下问题。

我有这样的 html 代码:

<ul class="board-list gutter js-board-list clearfix">

   <li class="" ng-repeat="board in boardsUserOwns.success.boards">
        <a class="js-open-board highlight-icon    unknown" ng-click="getBoardDetails('{{board[0]}}')" href="" style="  background-color: #0E74AF; ">
        <span class="thumbnail" style=" ; background-color: #0E74AF; "></span>
        <span class="fade"></span>
        <span class="board-list-item-name" title="Geneva">{{board[0]}}</span>
        </a>
   </li>
<ul>

行:

<a class="js-open-board highlight-icon    unknown" ng-click="getBoardDetails('{{board[0]}}')" href="" style="  background-color: #0E74AF; ">

有一个 Angular js表达式{{board[0]}}。

当这个页面在浏览器中加载时，我可以在控制台中看到上面这样的html:

<a class="js-open-board highlight-icon    unknown" ng-click="getBoardDetails('userwithbelongsto1')" href="" style="  background-color: #0E74AF; ">

它按预期工作。

我发现的问题是，当我点击 a 标签时；在 Controller 中，我得到未评估 Angular 代码:

$scope.getBoardDetails = function(boardName)
{
   console.log("The board name is " + boardName)
}

控制台打印:

 The board name is {{board[0]}}

我现在很困惑，我在哪里犯了错误。

提前致谢。

Answer 1

您不需要花括号。试试getBoardDetails(board[0])

您看到{{board[0]}}的原因打印在控制台中，是因为该字符串是发送到函数的内容，作为 boardName 参数。如您所见，getBoardDetails('{{board[0]}}')就是说，使用字符串 {{board[0]}} 调用此函数。但是当解析 html 时，它会正确替换该表达式。