簡體   English   中英

從ng-option獲取值

[英]get a value from ng-option

嗨,有人可以幫我嗎?
我對angular有點陌生,我正嘗試從此模型中獲取字符串:

<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選項可以正常工作,並且用字符串列表填充了,我該怎么辦? 我在那里鏈接了一個js feedle,使事情變得更加清晰。
http://jsfiddle.net/EeL9y/59/
到目前為止,謝謝您的回答,我必須精確地說,我需要在另一個函數中而不是在html中使用該var,URL綁定僅用於測試var是否獲得了該值。

我認為您正在使事情變得過於復雜,只要讓angular做魔術即可:

視圖:

<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/

我搜索了一個小提琴以進行選擇,找到了該小提琴,並對其進行了略微更新,以在需要選擇某些東西時展示ng-model。

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

我認為控制器中的手表將為您完成以下任務:

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

更新:

我已經按照您的要求更新了小提琴: http : //jsfiddle.net/EeL9y/61/

將名稱和值屬性添加到列表中並遍歷所選對象

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM