通过使用Angularjs传递业务名称从数组中获取位置值

时间:2014-08-26 05:29:53

标签: javascript angularjs

我是Angular JS的天真用户。所以,我能够从API获取对象并附加到具有商家名称的文本框之一,现在当我尝试选择一个商家名称时,应该选择适当的位置名称。但是,我不知道如何获得它。

例如。如果我选择" sai Trading Limted",我需要得到Koppal,或者如果我选择" sindhura Traders"我需要得到Raichur。

0: Object
location: "Koppal"
BusinessName: "sai Trading Limted"
1: Object
location: "Raichur"
BusinessName: "sindhura Traders"

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

你可以这样做:

<强> HTML

  <body ng-app>
    <div ng-controller="testController">
      <Select ng-init="traderIndex=''" ng-model="traderIndex">
        <option value="">Select</option>
        <option ng-repeat="trader in traders" value="{{$index}}">{{trader.BusinessName}}</option>
      </Select>
    <div>The location is: {{traders[traderIndex].location}}</div>
    </div>
  </body>

<强> JAVASCRIPT

var testController = function($scope) {

  $scope.traders = [{
    location: "Koppal",
    BusinessName: "sai Trading Limted"
  }, {
    location: "Raichur",
    BusinessName: "sindhura Traders"
  }]

}

检查plunker:http://plnkr.co/edit/46HLG40ToGlzEoG0iezq?p=preview