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

Question

当用户给出输入时，我试图自动计算一个速率。

用户可以从“类型”列表中的三项中选择一项，并输入乘子(输入)和所选对象的乘数乘数的结果。

我尝试了许多事情(包括在控制器上进行内插)，但似乎无法在名称与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>

安古拉杰：

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {

    $scope.types = ["obj1", "obj2", "obj3"];
    $scope.rates = {
        obj1: 3,
        obj2: 5,
        obj3: 7
    }
});    

Answer 1

你可以这样做

{{h * rates[objectType] || 0}}

Answer 2

对变量属性名称使用[]对象符号

{{ h * rates[objectType] || 0 }}

|| 0是一种假设，当其他值中的任何一个未定义时，您希望显示为零。