gpt4 book ai didi

javascript - Controller 在 Angular JS 中不起作用

转载 作者:行者123 更新时间:2023-11-30 08:33:48 25 4
gpt4 key购买 nike

我是 Angular JS 的新手。为了查看 Controller 的工作情况,我实现了这个简单的代码,其中两个数字作为用户的输入,它们的总和在 Controller 中计算,结果显示在 View 中。但不知何故它不起作用。代码如下:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>

<body>
<div ng-app="CalculatorApp" ng-controller="CalculatorController">
<p> Number 1 <input type="number" ng-model="a"></p>
<p> Number 2 <input type="number" ng-model="b"></p>
<p> Addition is {{c}} </p>
</div>

angular.module('CalculatorApp', [])
.controller('CalculatorController', function($scope)
{
$scope.c=$scope.a + $scope.b;
});

</body>
</html>

请指导。

最佳答案

您需要在type='text/javascript'script 标签中添加JavaScript 代码,以便在解析页面时运行所需的JavaScript。

要在 HTML 上获得计算结果,您应该遵循@chet answer。

代码

<script type="text/javascript">
angular.module('CalculatorApp', [])
.controller('CalculatorController', function($scope) {
$scope.c = $scope.a + $scope.b; //should follow @chet answer
});
</script>

关于javascript - Controller 在 Angular JS 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34117655/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com