使用ng-submit更新变量值

时间:2014-07-28 06:16:18

标签: javascript angularjs

在我的应用中,我有Quantity: {{num}}。我有一个范围声明的默认值3。目标是按:

<form ng-submit="addContact()">
        <input class="btn-primary" type="submit" value="Add Contact">
</form>

并更新计数。但事实并非如此。

以下是我在控制器中的内容:

app.controller("MainController", function($scope){
    var count = 3;
    $scope.num = count;
    $scope.addContact = function()
    {
        count += 1;
        console.log(count);
    }
});

我可以在控制台中看到计数,但我没有看到它在DOM中更新。我错过了什么?

1 个答案:

答案 0 :(得分:2)

您刚刚将count复制到$scope.num。因此,如果您增加count,则不会影响$scope.num

尝试递增$scope.num

app.controller("MainController", function($scope){
    $scope.num = 3;
    $scope.addContact = function()
    {
        $scope.num += 1;
        console.log($scope.num);
    }
});

<强> DEMO PLUNKER