Skip to main content
1 / 4

ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法

お世話になります。Monacaでのアプリ開発のため、AnglarJSに触りだした初心者です。
ちらほらネットで調べたものの、該当する記事が見つからず。まず根本的に出来ないのかもわからず困っています。。。
どなたか、どうか助言お願いします。

sampleAJS.html

<ons-list class="list">

  <ons-list-item ng-repeat="product in history track by $index" class="list__item">
      <select class="num" ng-model="countNumber" ng-options="c.value as c.name for c in countList"></select>
      //このローカルスコープ内でGlobalに代入したい
  </ons-list-item>

</ons-list>

sampleAJS.js

$scope.countList = [
    {"value" : 1, "name" : "1"},
    {"value" : 2, "name" : "2"},
    {"value" : 3, "name" : "3"},
    {"value" : 4, "name" : "4"},
    {"value" : 5, "name" : "5"}
];
$scope.countNumber = $scope.countList[0].value;//1

具体的にJSで言うとこんな感じです。

JSsample.html

  <select class="num0">
    <option value="1" name="1">1</option>
    <option value="2" name="1">2</option>
    <option value="3" name="1">3</option>
    <option value="4" name="1">4</option>
    <option value="5" name="1">5</option>
  </select>

  <select class="num1">
    <option value="1" name="1">1</option>
    <option value="2" name="1">2</option>
    <option value="3" name="1">3</option>
    <option value="4" name="1">4</option>
    <option value="5" name="1">5</option>
  </select>

  <button id="check">checkButton</button>//anglarではクリックイベント無しで呼べたら嬉しい

JSsample.js

$(function(){
  var g_score = [];
  var $button = $('#check');
  var len = $('select').length;

  $button.click(function(){
    for(var i = 0; i < len; i++) {
      g_score[i] = $('.num' + i).val();
      console.log(g_score[i]);
    }
  })

});