如何从AngularJS中的ng-options获得所有比例?

时间:2015-05-16 13:45:36

标签: angularjs

我正在填充对象的下拉列表。我想将相关的模型值设置为绑定对象" s" text"。但我也必须为函数发送一个参数(绑定对象的值)。我可以做这个。但模型的价值在于获得所有对象。我只想获得对象的文本。



rCharts

var app = angular.module("App", []);

app.controller("Controller", function($scope) {
  $scope.list = [{
    "Text": "75.000",
    "Value": 1
  }, {
    "Text": "100.000",
    "Value": 2
  }, {
    "Text": "150.000",
    "Value": 3
  }, {
    "Text": "250.000",
    "Value": 4
  }];
  $scope.GetVal = function(val) {
    alert(val);
  };
});




我的代码如下所示。你能帮忙吗?

3 个答案:

答案 0 :(得分:1)

根据我的理解,我已经更新了鳕鱼,请检查并告诉我这是否是你需要的。

   <!DOCTYPE html>
<html ng-app="App">

<head>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
  <meta charset="utf-8">
  <script src="script.js"></script>
  <title></title>
</head>

<body ng-controller="Controller">

  <select ng-model="model" ng-options="item as item.Text for item in list" ng-change="GetVal(model)">
   <option value= "" disabled="">select value</option>
  </select>


  <pre>
 my model: {{model.Text}}
  </pre>
</body>

</html>

//代码在这里

   var app = angular.module("App", []);

app.controller("Controller", function($scope) {
  $scope.list = [{
    "Text": "75.000",
    "Value": 1
  }, {
    "Text": "100.000",
    "Value": 2
  }, {
    "Text": "150.000",
    "Value": 3
  }, {
    "Text": "250.000",
    "Value": 4
  }];
  $scope.GetVal = function(val) {
    alert(val.Value);
  };
});

答案 1 :(得分:0)

Basar,

您需要更改ng-repeat,如下所示

   <!DOCTYPE html>
<html ng-app="App">

<head>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
  <meta charset="utf-8">
  <script src="script.js"></script>
  <title></title>
</head>

<body ng-controller="Controller">

  <select ng-model="model" ng-options="item as item.Value for item in list" ng-change="GetVal(model)">
   <option value= "" disabled="">select value</option>
  </select>


  <pre>
 my model: {{model.Value}}
  </pre>
</body>

</html>

答案 2 :(得分:0)

您是否只想将Text绑定到model?还是TextValue两者?

如果您只想绑定文字,请查看更新的plnk

我知道,这是一个老问题。