จากรูปถ้าคลิก tag ย่อยซ้ายมือ มันจะไปแสดงที่ขวามือเพิ่มขึ้นมาอีก 1 คอลัม เเต่พอรอบที่ 3 ค่ามันไม่ไปเพิ่มอีกเป็นอันที่ 3
โค้ด: เลือกทั้งหมด
<div class="row_whitelist">
<input class="search_tag" type="text" ng-model="keywords" ng-change="search()">
<div ng-repeat="tags in tags_show">
<div class="rh_topictags_whitelist">
<div ng-repeat="t in tags">
<!--[[t.name]]-->
<div class="rh_tag_cat">
<label class="rh_tag_click">
<input type="checkbox" class="radio" name="[[t.name]]" value="[[t.name]]" ng-click="toggleSelection(t.name)">
[[t.name]]
</label>
<div ng-if="t.count > 0">
<a class="label label-primary" ng-click="search_parent(t.tag_level, t.left, t.right)" >{L_MORE_TAG}</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div ng-repeat="parent in tags_parent">
<div class="rh_topictags_whitelist_parent">
<div ng-repeat="p in parent">
<div class="rh_tag_cat">
<label class="rh_tag_click">
<input type="checkbox" class="radio" name="[[t.name]]" value="[[t.name]]" ng-click="toggleSelection(p.name)">
[[p.name]]
</label>
<div ng-if="p.count > 0">
<a class="label label-primary" ng-click="search_parent(p.tag_level, p.left, p.right)" >{L_MORE_TAG}</a>
</div>
</div>
</div>
</div>
</div>
โค้ด: เลือกทั้งหมด
$scope.search = function () {
searchService.search($scope.keywords).then(function (response) {
// console.log($scope.keywords);
$scope.tags_parent = [];
$scope.tags_show = [];
$scope.response = response.data;
angular.forEach($scope.response, function (value, key) { //เริ่มต้น loop
angular.forEach(value, function (v, k) { //loop ชั้นที่ 2
$scope.tags_show.push(v);
});
});
// $scope.keywords = '';
// console.log('----------------------');
});
};
$scope.search_parent = function (tag_level, left, right) {
search_parent_Service.search_parent(tag_level, left, right).then(function (response) {
$scope.response = response.data;
$scope.tag_level = [];
$scope.levels = [];
$scope.tags_parent = [];
angular.forEach($scope.response, function (value, key) { //เริ่มต้น loop
angular.forEach(value, function (vv, kk) {
$scope.levels.push(kk);
$scope.tags_parent.push(vv);
});
});
console.log($scope.tags_parent);
});
};