从ng-option获取值

时间:2014-02-18 15:33:12

标签: javascript angularjs

你们可以帮助我吗? 我对角度有点新意,我试图从这个模型中获取一个字符串:

<select color="black" ng-model="select" class="styled-select"
    ng-options="provincia as provincia for provincia in province|orderBy:'toString()'"></select>

我需要使用选择结果在控制器中填充var 示例

var something=$scope.select;

ng-option有效,它的字符串列表已满,我该怎么办? 在那里我链接一个js feedle,使事情更清楚 http://jsfiddle.net/EeL9y/59/
感谢答案,直到现在,我必须确切地说我需要在另一个函数中使用该var,而不是在html中,url绑定仅用于测试var是否获得了值。

2 个答案:

答案 0 :(得分:2)

我认为你的事情过于复杂,只是让棱角分明的做法:

查看:

<div ng-controller="SearchCtrl">
  <form ng-submit="search()">
    <input type="text" ng-model="toSearch">

    <select
      ng-model="city"
      ng-options="city for city in cities|orderBy:'toString()'"
    ></select>

    <input class="btn-primary" type="submit" value="search">
  </form>

  next holiday i will go to {{city}}
</div>

<强>控制器:

SearchCtrl($scope) {
  $scope.cities= ['Madrid', 'Dublin', 'Paris','Moscow'];
  $scope.city = 'Paris';

  $scope.search = function search() {
    // use the scope variable
    console.log(
      'searching for: "' + $scope.toSearch + '" with', $scope.city, 'selected'
    );
  };
}

<强>演示:

http://jsbin.com/gucubaju/4/

答案 1 :(得分:1)

我搜索了一个小提琴,然后找到了这个并稍微更新了一下,以便在你想要选择的时候展示ng-model。

http://jsfiddle.net/EeL9y/55/

我认为控制器中的手表会为你做这样的事情:

 $scope.$watch("select",function(){
    var something=$scope.select;
});

更新:

我根据您的要求更新了小提琴:http://jsfiddle.net/EeL9y/61/

在列表中添加了名称和值属性,并遍历了所选对象