相关疑难解决方法(0)

角度数据绑定 - 输入类型="数字"

我在使用AngularJS绑定数值时遇到问题.

我在JSFiddle上放了一个简单的例子:http://jsfiddle.net/treerock/ZvdXp/

<div ng-controller="MyCont" ng-app>  
    <input type="number" min="0" max="50" value="{{value}}" ng-model="value" />    
    <input type="text" value="{{value}}" ng-model="value" />
    <input type="range" min="0" max="50" value="{{value}}" ng-model="value" />    
    {{value}}   
</div>
Run Code Online (Sandbox Code Playgroud)

这应该是三种不同类型的输入字段,如果更新一个,则应更新所有值.除了数字输入之外,这是有效的.例如,如果我在第一个数字框中输入20,它会更新所有其他值的实例.但是,如果我更新文本或范围输入,则数字输入变为空白.

我想知道问题是如何在字段之间表示/转换数字.例如,数字输入是一个浮点数,文本输入是一个字符串?

javascript data-binding angularjs

8
推荐指数
3
解决办法
3万
查看次数

写入Firebase时将Angular ng-model转换为整数

我正在使用AngularFire获取输入并将其保存到我的Firebase数据库.目前,我有一个输入用于输入服务的价格,如此(我使用输入类型的"文本"而不​​是"数字",因为我不希望它在旧浏览器中导致问题):

<p><input type="text" placeholder="Enter your monthly price here" ng-model="priceMonthly" required/></p>
Run Code Online (Sandbox Code Playgroud)

但是,当我在表单提交(使用更新函数)时将其写入我的Firebase时,它会将值写$scope.priceMonthly为字符串而不是整数.将此值写为整数而不是字符串的最佳方法是什么?

javascript angularjs firebase angularfire

5
推荐指数
2
解决办法
1万
查看次数

parseInt 从单选按钮 AngularJS 返回值

这几天我一直在试图解决这个问题......

我有一组单选按钮,用于对 1 到 5 之间的内容进行评分,每个按钮设置为 value = 1、value = 2 等,作为评论表单的一部分。但是,当数据返回到控制器并推送到 db.json 文件时,单选按钮值的类型为字符串。我如何让它们成为 int 类型?

单选按钮 HTML 代码:

<label class = "radio-inline" for = "one"><input type = "radio"
name = "rating" id = "one" data-ng-model = "userComment.rating" 
value = 1 required>1</label>
Run Code Online (Sandbox Code Playgroud)

来自controllers.js的代码:

$scope.submitComment = function() {
  $scope.movie.comments.push($scope.userComment);
  myFactory.getMovies().update({id:$scope.movie.id}, $scope.movie);
Run Code Online (Sandbox Code Playgroud)

我尝试过这个想法,认为它会起作用,但事实并非如此。

$scope.userComment.rating = parseInt($scope.userComment.rating);
Run Code Online (Sandbox Code Playgroud)

javascript radio-button angularjs

3
推荐指数
1
解决办法
1820
查看次数