Angular JS ng-click無法正常工作

Question

在處理基本的角度示例時，ng-click無法正常工作

以下是我的html代碼：

<form ng-submit="requestFunding()" ng-controller="StartUpCalculator">
    Starting :
    <input ng-change='ComputeNeeded()' ng-model='funding.StartingEstimate'>Recommedation : {{needed}}
    <button>Fund me</button>
    <button ng-click="reset()">Reset</button>
</form>

JavaScript代碼：

function StartUpCalculator($scope)
{
    $scope.funding = {
        StartingEstimate: 0
    };
    ComputeNeeded = function ()
    {
        $scope.needed = $scope.funding.StartingEstimate * 10;
    };

    $scope.requestFunding = function ()
    {
        window.alert("Whoa!");
    };
}

每當我單擊Reset(reset())按鈕時，它就會執行requestFunding函數

Answer 1

控制器中沒有$scope.reset() 。 您通過點擊按鈕來觸發ng-submit 。

您可以將<button>更改為<button type="button">以便將其綁定到表單提交。 默認情況下，表單中沒有類型的任何按鈕，也沒有阻止preventDefault（）的單擊處理程序，都會觸發提交，但是type="button"不會。

您還需要將ComputeNeeded更改為$scope.ComputeNeeded如果您希望它可以與ng-change

Answer 2

因為在ng-submit您正在調用requestFunding 。 添加一個新按鈕並從此處調用requestFunding ，否則從表單標簽中刪除reset並將其放置在放置位置。