如何使用用户的输入从对象中检索值?(Angularjs)
How do I retrieve a value from an object using users' inputs? (Angularjs)
我试图在用户给出输入时自动计算费率。
用户可以在"类型"列表中选择 3 个项目之一,它应该输入乘数(输入)和所选对象相乘的结果。
我尝试了很多事情(包括在控制器上插值),但似乎无法检索名称与 ng 模型相同的对象的速率。
我能在这里做什么?
.HTML:
<div ng-app="myApp" ng-controller="myCtrl">
<label>Input a multiplier</label></br>
<input ng-model="h" /></br>
<label>Which object do you want?</label></br>
<select ng-model="objectType" ng-options="j for j in types"></select></br>
<h1> {{ h * rates.objectType }} </h1>
</div>
Angularjs:
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.types = ["obj1", "obj2", "obj3"];
$scope.rates = {
obj1: 3,
obj2: 5,
obj3: 7
}
});
你可以这样做
{{h * rates[objectType] || 0}}
对变量属性名称使用[]
对象表示法
{{ h * rates[objectType] || 0 }}
|| 0
假设您希望在其他任一值未定义时显示零
相关文章:
- 在AngularJS中使用$http.get检索JSON时出现错误400
- 如何从json中检索angularjs表达式的数据
- AngularJS基于日期检索JSON记录
- 从维基百科检索数据并使用angularjs显示
- 如何在Firebase中使用Angularjs ng-repeat检索嵌套数据
- 如何使用$scope和ng-bind在AngularJS中检索文本框条目
- 如何在 AngularJS 中将 ng-model 值检索到控制器
- 如何在 angularjs 中存储和检索搜索参数
- 如何使用用户的输入从对象中检索值?(Angularjs)
- 在解决承诺 AngularJS/ES6 后检索存储在服务中的数据
- AngularJS:无法从自定义指令属性中检索值以在自定义指令中解析
- 如何仅检索货币符号而不从 angularjs 货币过滤器格式化价格表达式
- AngularJS-无法检索json元素
- AngularJS:从http GET(来自REST服务)检索到的JSON数据中显示一个选择框
- AngularJS,将数据保存在json中并进行检索,从而允许angular重建动态表
- 使用restangular在angularJs上基于url参数检索记录
- 使用复选框angularJS检索数据
- 使用Web API从数据库中检索图像,然后将其显示在angularJS中
- angularjs中的异步数据检索
- 不能检索Angularjs $scope数组的最后一个对象