AngularJS-单击事件不适用于ng-click

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 个解决方案

解决方案1
0 2015-11-06 10:51:37

解决方案2
0 2015-11-06 11:21:16

AngularJS-单击事件不适用于ng-click

问题描述

2 个解决方案

解决方案1 0 2015-11-06 10:51:37

解决方案2 0 2015-11-06 11:21:16

解决方案1
0 2015-11-06 10:51:37

解决方案2
0 2015-11-06 11:21:16