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

标签 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"

任何帮助将不胜感激。

最佳答案

你可以这样做:

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"
  }]

}

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

关于javascript - 使用 Angularjs 通过传递企业名称从数组中获取位置值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25498672/

相关文章:

javascript - 在 jsfiddle 中同时运行 jQuery 和 MooTools

javascript - 垂直菜单 Bootstrap 和 Angular

javascript - 指令限制输入不适用于 type=number

javascript - 解析 JSON 并形成自定义数组

javascript - fetch api 从服务器获取错误消息而不是通用消息

javascript - Ember _ 如何从组件 Controller 访问 Controller 操作

javascript - 缩放时设置元素的重力?

angularjs - 如何在 Angularjs 中显示和隐藏带有复选框状态的元素

javascript - 将 javascript 变量分配给 angularjs $scope.options

javascript - Angular2 的 NgbModule ng-bootstrap 不起作用