如何使用用户的输入从对象中检索值?(Angularjs)

How do I retrieve a value from an object using users' inputs? (Angularjs)

本文关键字:检索 Angularjs 对象 用户 何使用 输入      更新时间:2023-09-26

我试图在用户给出输入时自动计算费率。

用户可以在"类型"列表中选择 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假设您希望在其他任一值未定义时显示零