在運行時不會評估角度表達式。爲什麼？

我有一個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; ">

具有角JS表達{{board[0]}}。

當這個頁面在瀏覽器加載，我可以看到在控制檯上面的HTML是這樣的：

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

預期其工作。

我發現的問題是，當我點擊a標籤時;在控制器我得到的沒有評估角碼：

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

控制檯打印：

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

我現在很困惑，在那裏我會犯錯。

在此先感謝。

來源

2014-12-07 batman

你不需要大括號。試試getBoardDetails(board[0])

你看到的原因{{board[0]}}印在控制檯上，是因爲那個字符串是發送給函數的東西，作爲boardName參數。如你所知，getBoardDetails('{{board[0]}}')在說，用字符串{{board[0]}}調用該函數。但是，當html被解析時，它正在替換該表達式。

來源

2014-12-07 05:19:42 neouser99

這工作，但在角度，我們需要把'{{}}}'語句表達！，得到正確的解析？ – batman 2014-12-07 05:22:45

是的，如果你想在模板中。函數綁定和執行的方式在範圍內，因此不需要{{和}}，因爲它不在模板中。 – neouser99 2014-12-07 05:24:15

我必須單擊圖中的網格元素來單獨顯示板。我從數據庫獲取borad_id，接下來如何繼續。圖網址： - http://i.stack.imgur.com/x0Sn2.png

app.config(['$stateProvider', function($stateProvider) { 
 

 
    $stateProvider 
 
    .state('board.boardDescription', { 
 
     url: '/:bid', 
 
     templateUrl:'js/main/templates/board.html' 
 
    }) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<ul class="board-list gutter js-board-list clearfix" > 
 
        <li ng-repeat="board in boardName"> 
 
        <a ui-sref="board.boardDescription({bid:board._id})" class="js-open-board highlight-icon" style="background-color: #0066A1;"> 
 
         <span class="details"> 
 
          <span class="board-list-item-name">{{board.name}}</span> 
 
         </span> 
 
         </a> 
 
        </li> 
 
        </ul>

[樣品toodlist應用圖]

來源

2015-07-20 10:00:46 hanu

在運行時不會評估角度表達式。爲什麼？

回答

相關問題