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

Question

我正在尝试在用户输入时自动计算费率。

用户可以select"types"列表中的3个项目之一，它应该输入乘法器（输入）的结果，以及选择的对象。

我尝试了很多东西（包括在控制器上插值），但似乎无法检索与 ng-model 同名的对象中的速率。

我可以在这里做什么？

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
    }
});

Answer 1

对变量属性名称使用 [] 对象表示法

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

|| 0 假设您希望在其他任何一个值未定义时显示零

Answer 2

你可以这样做

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

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

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

javascript

expression

object

angularjs

angularjs-ng-model