同じパラメータがHTMLに渡されましたが、ボタンには渡されませんでした。

Question

angularjsにパラメータを渡そうとしています。 {{dish.id}}が2回下に現れ、1つが正しく渡され、もう1つが失敗したことに注意してください。

HTMLテンプレートは、コントローラ内の関数は、奇妙なことは、二つの{{dish.id}}ビューで、いずれかのある、しかし

<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"); 
    } 

ありますfucntionに渡すものが「未定義」である間にhtmlで正しく表示されました

誰かがこれを解決するために親切に私を助けることができますか？ちょっとしたことで数日間ここにぶつかり、自分自身を理解できませんでした。

ありがとうございます！

Answer 1

は、それらは$スコープによって処理している、ng-プレフィックスHTML属性に補間を取り除く。$ apply（）メソッド

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