Angularjs 双向绑定时字符串的转换成数字类型的问题
问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp">
<p ng-controller = "myContrl">结果为 <span ng-bind="" ></span>
<input type="text" ng-model="first">{{first+second}}
</p>
</div>
<script>
var app = angular.module("myApp",[]);
app.controller("myContrl",function($scope){
$scope.first = 5;
$scope.second =10;
});
</script>
</body>
</html>
显示结果为
但是，我要是输入50，想要结果为60
因为这个是字符串类型需要转换成数字类型
解决方法：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myApp"> <p ng-controller = "myContrl">结果为 <span ng-bind="" ></span> <input type="text" ng-model="first">{{first *1+second*1}} </p> </div> <script> var app = angular.module("myApp",[]); app.controller("myContrl",function($scope){ $scope.first = 5; $scope.second =10; }); </script> </body> </html>
显示即可正常 即是在 {{first *1+second*1}}显示的时候，转换了一下
或者，启用事件监听
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp">
<p ng-controller = "myContrl">结果为 <span ng-bind="" ></span>
<input type="text" ng-model="first">{{total}}
</p>
</div>
<script>
var app = angular.module("myApp",[]);
app.controller("myContrl",function($scope){
$scope.first = 5;
$scope.second =10;
$scope.total = parseInt($scope.first)+parseInt($scope.second);
$scope.$watch(function(){
return $scope.first;
},function(newValue,oldValue){
if(newValue != oldValue){
$scope.total = parseInt($scope.first)+parseInt($scope.second);
}
});
});
</script>
</body>
</html>
也能输出正确结果
以上所述是小编给大家介绍的Angular js 双向绑定时字符串的转换成数字类型的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
我展示了一个包含JSON的数组，并直接用超文本标记语言展示了这个数组，在这里你可以找到。它给NaN作为输出。 这是我的超文本标记语言：
-
问题内容： 我使用strtod（）函数将环境变量提取为字符串，然后使用strtod将其更改为double： 现在，我要确保用户输入的此数字是数字，而不是字符串或特殊字符。我如何确定呢？ 代码段将有很大的帮助。 提前致谢。 问题答案： 该函数的第二个参数很有用。 编辑：添加示例 该函数尝试将第一个参数的初始部分转换为双精度，并在没有更多字符或无法使用双精度字符的情况下停止。
-
问题内容： 在上次考试中，我们进行了练习以确定以下代码的输出： 我的回答是，但现在我意识到这是错误的答案。应该是。但为什么？ 问题答案： 假设您的语法是： 表达式是从左到右求值的，在这种情况下，2 + 3求和为5，当“添加”到字符串结果为时，将其加到1时，再加上1，结果是：
-
本文向大家介绍jquery把int类型转换成字符串类型的方法，包括了jquery把int类型转换成字符串类型的方法的使用技巧和注意事项，需要的朋友参考一下 jQuery中把获取的number类型数据转换成字符串类型 以上就是小编为大家带来的jquery把int类型转换成字符串类型的方法全部内容了，希望大家多多支持呐喊教程~
-
问题内容： 我正在从在Varchar中具有原始提要的表中导入数据，我需要将varchar中的列导入到字符串列中。我尝试使用以及，但是却遇到了错误，因为有一些空字段，我需要将它们作为空或null检索到新表中。 请让我知道是否有相同的功能。 问题答案： 大胆猜测：如果您的值是一个空字符串，则可以使用NULLIF将其替换为NULL：
-
2.3.4 字符串类型与其他类型的转换 应用程序中有时需要将字符串类型的数据转换成其他数据类型，或者相反。下面介绍Python 中如何实现这些功能。 首先看函数 eval()。eval 函数接收一个字符串，并将该字符串解释成 Python 表达式 进行求值，最终得到特定类型的结果值；如果字符串无法解释成合法的 Python 表达式则报 错（如语法错误、未定义变量错误等）。例如： >>> eval(