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">，这样就不会形成提交。默认情况下，没有类型的表单中的任何按钮，以及没有单击处理程序来阻止默认（），都会触发提交，但type="button"不会。

如果您想要ComputeNeeded

，还需要将$scope.ComputeNeeded更改为ng-change

Answer 2

因为您ng-submit正在呼叫requestFunding。添加一个新按钮并从那里调用requestFunding，或者从表单标记中删除reset并将其置于旁边。

Angular js ng-click未按预期工作

2 个答案: