はNGクリック

Question

と変数に数値を渡すやあみんな、私は、次のコントローラがあります。私は、このボタン

<button ng-click="vm.quantity + 3">Add</button> 

を持って

(function() { 
    'use strict'; 

    angular 
    .module('app.landing') 
    .controller('LandingController', LandingController); 

    function LandingController($http) { 

     var vm = this; 
     vm.quantity = 9; 
     $http.get('api/getarticles'). 
     success(function(data, status, headers, config) { 
     vm.articles = data; 
     }); 
     $http.get('api/getFeaturedArticles'). 
     success(function(data, status, headers, config) { 
     vm.featuredArticles = data; 
     }); 
     } 
})(); 

そして、私のビュー上を、私は上のボタンを取得しようとしています私の意見は私のコントローラ内で私のvm.quantity変数に3の数値を加えることです。

しかし、フロントエンドのボタンを押した場合、値3は変数vm.quantityに追加されません。

なぜこれが機能しないのでしょうか？

Answer 1

あなたはvm.quantity + 3を行う際に、結果はどこにも保存されていないとして、あなたの変数は変更されません...あなたが行う必要があります：あなたの中

<button ng-click="vm.quantity = vm.quantity + 3">Add</button> 

それとも

<button ng-click="addValue(3)">Add</button> 

コントローラ：

$scope.addValue = function(value) { 
    vm.quantity += value; 
}; 

Answer 2

あなたは2つのことを試すことができます：{{vm.quantity + 3}}のようにするとAngularが評価されますその式を食べました（今は中括弧がありません）。または2番目に増分のような関数をng-clickしてコントローラに実際に増やします。

希望します。