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并将其放置在放置位置。