相同的参数传递到 HTML 但不是按钮

Question

我正在尝试在 angularjs 中传递一个参数。请注意下面的{{dish.id}}出现了两次，一次正确通过，一次失败。

html 模板是

<ion-popover-view>
  <ion-content>
  <button class="button button-full button-light" ng-click="addFavorite({{dish.id}})">
        Add to favorites: dish {{dish.id}} 
  </button> 

  <button class="button button-full button-light" ng-click="addComment()">Add comment</button>    
  </ion-content>
</ion-popover-view>

控制器中的功能是

    $scope.addFavorite = function (index) {
    console.log("added from DishDetail: index is " + index);
    favoriteFactory.addToFavorites(index);
    console.log("finished");
    }

然而，奇怪的是视图中的两个{{dish.id}}，html中的一个正确显示，而传递给函数的是"undefined"

有人可以帮我解决这个问题吗？有点卡在这里几天，想不通自己。

谢谢！

Answer 1

摆脱 ng- 前缀 html 属性中的插值，这些属性由 $scope.$apply() 方法处理

<button class="button button-full button-light" ng-click="addFavorite(dish.id)">

相同的参数传递到 HTML 但不是按钮

Same parameter got passed into HTML but not button

javascript

angularjs

ionic-framework

ionic-view