Question

我想在按下按钮后计算一些东西。我认为一切都很好，但它不起作用。以下是您的代码：

<!DOCTYPE HTML>
<html>
<head>
    <script src="scripts/angular.min.js"></script>
    <script src="http://code.angularjs.org/1.2.7/angular.min.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="Stylesheet" type="text/css" href="styles/style.css">
    <title>AngularJS Równanie Liniowe</title>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.y = $scope.a*$scope.x+$scope.b;
        });
    </script>
</head>
<body>
<div class="d1" ng-app="myApp" ng-controller="myCtrl">
    <form class="f1">
        <label for="x"> x: </label>
        <input ng-model="x" class="i1" type="number" name="x">
        <br>
        <label for="b"> b: </label>
        <input ng-model="b" class="i2" type="number" name="b">
        <br>
        <label for="a"> a: </label>
        <input ng-model="a" class="i3" type="number" name="a">
        <br>
        <input class="btn" type="submit"class="button" value="Wykonaj" ng-click="function">
    </form>
    {{$scope.y}}
</div>
</body>
</html>

Answer 1

第一种方法

更改您的JS代码：

app.controller('myCtrl', function($scope) {
   $scope.calc = function() {
       $scope.y = $scope.a*$scope.x+$scope.b;
   }
});

然后更改按钮：

<input class="btn" type="submit"class="button" value="Wykonaj" ng-click="calc()">

我们定义了一个calc()函数并将计算代码包装在其中，然后使用ng-click="calc()"调用相同的函数

第二种方法

或者，您可以从按钮中删除ng-click="calc()"，然后将其添加到表单中：

<form ng-submit="calc()"></form>

由于点击按钮已经提交了表单。

第三种方法

这里你不需要一点Javascript：

代替{{$scope.y}}，只需撰写{{a * x + b}}

即可

Answer 2

<http://plnkr.co/edit/X85NfM0TAdPa6uOGBde6?p=preview>?

海检查以上链接，希望对您有所帮助。如果您遇到任何问题，请检查并告诉我

AngularJS - 点击事件无法使用ng-click

2 个答案: