ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法
ネットで調べたものの、ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法が見つからず。まず根本的に出来るのかもわからず困っています。
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>
//このローカルスコープ内で動的に変更した value 値を元に計算し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]);
}
})
});