gpt4 book ai didi

javascript - 如何将选择值获取到 Controller 中

转载 作者:可可西里 更新时间:2023-11-01 15:01:36 25 4
gpt4 key购买 nike

我正在尝试使用 Angularjs 创建一个简单的计算器,但在我的代码中我无法获取运算符值。我该如何解决这个问题?

主页 html 包含获取两个数字和运算符。用户必须选择运算符..

我的代码-

var name = "myApp";
requires = [];
app = angular.module(name, requires);

app.controller('calcCtrl', function($scope) {
//$scope.cdata={};

console.log("calcCtrl works!");
var opp;
ans = 0;
opp = $scope.singleSelect;

console.log("opp ==> "+opp);

$scope.calculateNums = function(nu1, nu2) {
console.log("function works!");
console.log("nu1 ==> "+nu1);
console.log("opp in calculateNums ==> "+opp);
if (opp == "+") {
ans = (parseInt(nu1) + parseInt(nu2));
console.log("ans ==> "+ans);
} else if (opp == "-") {
ans = (parseInt(nu1) - parseInt(nu2));
}
console.log("ans ==> "+ans);
return ans;
}
});
<html ng-app="myApp">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<h3>Hello</h3>
<div ng-controller='calcCtrl' >
Number 1::<input Type="text" name="number1" ng-model="n1"/ required> <br/>
Number 2::<input Type="text" name="number2" ng-model="n2"/ required> <br/>
operator::<select ng-model="singleSelect">
<option value="+">+</option>
<option >*</option>
<option>-</option>
<option>/</option>
</select></p> <br/>

<button ng-click="calculateNums(n1,n2)">Calculate Now</button>
</div>
</body>
</html>

所以,我得到的输出是 -

calcCtrl works!
opp ==> undefined
function works!
nu1 ==> 1
opp in calculateNums ==> undefined
ans ==> 0

运算符值在这里未定义..

最佳答案

value 属性添加到其他选项

<select ng-model="singleSelect">
<option value="+">+</option>
<option value="*">*</option>
<option value="-">-</option>
<option value="/">/</option>
</select></p> <br/>

关于javascript - 如何将选择值获取到 Controller 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47647085/

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