-3
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>
<style>
table{
border:2px solid black;
border-collapse:collapse;
font-family:Arial;
}
td{
border:2px solid black;
padding:5px;
}
th{
border:2px solid black;
padding:10px;
}
</style>
</head>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("likeDislikeCount",function($scope)
{
var technology=[
{name:"C",like:0,Dislike:0},
{name:"Python",like:0,Dislike:0},
{name:"Java",like:0,Dislike:0},
{name:"Angular",like:0,Dislike:0}
];
$scope.technology=technology;
$scope.rowLimit=1;
$scope.selectCol=name;
$scope.increeseLike=function(technology1){
technology1.like++;
};
$scope.increseDisLike=function(technology1){
technology1.Dislike++;
};
}
);
</script>
<body ng-app="myApp">
<div ng-controller="likeDislikeCount">
No. of rows to display :: <input type="number" ng-model="rowLimit" min=0 max=4 /> <br><br>
order by <select ng-model="selectCol">
<option value="name">Name ASC</option>
<option value="like">LIke ASC</option>
<option value="-Dislike">Dislike DSC</option>
</select>
<br><br>
<table>
<thead>
<th>Name</th>
<th>LikeCount</th>
<th>DislikeCount</th>
<th>Click</th>
</thead>
<tbody>
<tr ng-repeat = "x in technology | orderBy:'selectCol'">
<td>{{x.name}}</td>
<td>{{x.like}}</td>
<td>{{x.Dislike}}</td>
<td><button ng-click="increeseLike(x)">LIKE</button><button ng-click="increseDisLike(x)">DISLIKE</button></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
этот код Я пытаюсь показать таблицу в зависимости от порядка имени, как и не нравится. Когда я выберу любой из раскрывающегося списка, он должен получить данные в соответствии с этим полем. он не работает должным образом. Пожалуйста, исправьте его укомплектовать и помочь мне СпасибоСортировка данных в Angular
точно просто удалить OrderBy: «selectCol» одно изменение котировок на заказBy: selectCol –