当前位置: 首页 > 编程笔记 >

Angularjs 双向绑定时字符串的转换成数字类型的问题

史烈
2023-03-14
本文向大家介绍Angularjs 双向绑定时字符串的转换成数字类型的问题,包括了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作为输出。 这是我的超文本标记语言:

  • 问题内容: 在上次考试中,我们进行了练习以确定以下代码的输出: 我的回答是,但现在我意识到这是错误的答案。应该是。但为什么? 问题答案: 假设您的语法是: 表达式是从左到右求值的,在这种情况下,2 + 3求和为5,当“添加”到字符串结果为时,将其加到1时,再加上1,结果是:

  • 问题内容: 我使用strtod()函数将环境变量提取为字符串,然后使用strtod将其更改为double: 现在,我要确保用户输入的此数字是数字,而不是字符串或特殊字符。我如何确定呢? 代码段将有很大的帮助。 提前致谢。 问题答案: 该函数的第二个参数很有用。 编辑:添加示例 该函数尝试将第一个参数的初始部分转换为双精度,并在没有更多字符或无法使用双精度字符的情况下停止。

  • 本文向大家介绍jquery把int类型转换成字符串类型的方法,包括了jquery把int类型转换成字符串类型的方法的使用技巧和注意事项,需要的朋友参考一下 jQuery中把获取的number类型数据转换成字符串类型 以上就是小编为大家带来的jquery把int类型转换成字符串类型的方法全部内容了,希望大家多多支持呐喊教程~

  • 问题内容: 我正在从在Varchar中具有原始提要的表中导入数据,我需要将varchar中的列导入到字符串列中。我尝试使用以及,但是却遇到了错误,因为有一些空字段,我需要将它们作为空或null检索到新表中。 请让我知道是否有相同的功能。 问题答案: 大胆猜测:如果您的值是一个空字符串,则可以使用NULLIF将其替换为NULL:

  • 2.3.4 字符串类型与其他类型的转换 应用程序中有时需要将字符串类型的数据转换成其他数据类型,或者相反。下面介绍Python 中如何实现这些功能。 首先看函数 eval()。eval 函数接收一个字符串,并将该字符串解释成 Python 表达式 进行求值,最终得到特定类型的结果值;如果字符串无法解释成合法的 Python 表达式则报 错(如语法错误、未定义变量错误等)。例如: >>> eval(