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

发布时间: 2017/4/16 22:08:59
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想当一个用户给输入自动计算速率。

用户可以在"类型"列表中,选择 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
    }
});    

解决方法 1:

你可以这样做

{{h * rates[objectType] || 0}}
赞助商