複数の行を選択できますが、同じページの異なるテーブルでそれらのデータを選択できます。現時点では、最初のテーブルで行を選択すると、2番目のテーブルでも行が選択されますが、それらを独立させたいと思います。誰でもアイデアがありますか?角度jsテーブルで複数の行選択を有効にする方法
は、以下の角度JS
$http.get('json/extras.json')
.then(function(res){
$scope.extras = res.data;
});
$scope.select = function(item) {
item.selected ? item.selected = false : item.selected = true;
}
$scope.submit = function(x) {
var x = $filter("filter")($scope.extras, {
selected: true
}, true);
console.log(x);
}
ありがとうござい以下の私のhtmlコード
<div class="row" ng-show="{{ adultNumber }}">
<div class="col-md-8">
<h1>Adult 1</h1>
<table class="table table-bordered">
<tr ng-repeat="extra in extras" ng-class="{'selected': extra.selected}" ng-click="select(extra)" ng-model="radioExtrasAdult1">
<td ng-bind="extra.name"></td>
<td ng-bind="extra.price"></td>
</tr>
</table>
</div>
</div>
<div class="row" ng-show="{{ adultNumber >= 2 }}">
<div class="col-md-8">
<h1>Adult 2</h1>
<table class="table table-bordered">
<tr ng-repeat="extra in extras" ng-class="{'selected': extra.selected}" ng-click="select(extra)" ng-model="radioExtrasAdult2">
<td ng-bind="extra.name"></td>
<td ng-bind="extra.price"></td>
</tr>
</table>
</div>
</div>
です。
adultNumberとextrasの関係は何ですか? –
@lukaZawiはいそれは大丈夫です、それは目的上です。アダルトナンバーは、コントローラ内で条件を作るために扱うデータです。それは私の問題と関連していない、と私は思う。 – maevy