Angularjs 按角度排序数据桌子{ 边框：2件纯黑；边界塌陷：塌陷；字体系列：Arial； } 运输署{ 边框：2件纯黑；填充物：5px； } th{ 边框：2件纯黑；填充：10px； } var-app=angular.module（“myApp”，[]）；应用控制器（“likeDislikeCount”，函数（$scope） { var技术=[ {name:“C”，喜欢：0，不喜欢：0}， {name:“Python”，喜欢：0，不喜欢：0}， {name:“Java”，喜欢：0，不喜欢：0}， {name:“Angular”，喜欢：0，不喜欢：0} ]; $scope.technology=技术； $scope.rowLimit=1； $scope.selectCol=name； $scope.incremeselike=函数（技术1）{ 技术1.like++； }; $scope.incremesedislike=函数（技术1）{ 技术1.不喜欢++； }; } ); 要显示的行数：：订购人名称ASC 像ASC 不喜欢DSC 名称利克蒙特厌恶计数点击 {{x.name} {{x.like} {{x.lake}} 像_Angularjs

Angularjs 按角度排序数据桌子{ 边框：2件纯黑；边界塌陷：塌陷；字体系列：Arial； } 运输署{ 边框：2件纯黑；填充物：5px； } th{ 边框：2件纯黑；填充：10px； } var-app=angular.module（“myApp”，[]）；应用控制器（“likeDislikeCount”，函数（$scope） { var技术=[ {name:“C”，喜欢：0，不喜欢：0}， {name:“Python”，喜欢：0，不喜欢：0}， {name:“Java”，喜欢：0，不喜欢：0}， {name:“Angular”，喜欢：0，不喜欢：0} ]; $scope.technology=技术； $scope.rowLimit=1； $scope.selectCol=name； $scope.incremeselike=函数（技术1）{ 技术1.like++； }; $scope.incremesedislike=函数（技术1）{ 技术1.不喜欢++； }; } ); 要显示的行数：：订购人名称ASC 像ASC 不喜欢DSC 名称利克蒙特厌恶计数点击 {{x.name} {{x.like} {{x.lake}} 像

angularjs

Angularjs 按角度排序数据桌子{ 边框：2件纯黑；边界塌陷：塌陷；字体系列：Arial； } 运输署{ 边框：2件纯黑；填充物：5px； } th{ 边框：2件纯黑；填充：10px； } var-app=angular.module（“myApp”，[]）；应用控制器（“likeDislikeCount”，函数（$scope） { var技术=[ {name:“C”，喜欢：0，不喜欢：0}， {name:“Python”，喜欢：0，不喜欢：0}， {name:“Java”，喜欢：0，不喜欢：0}， {name:“Angular”，喜欢：0，不喜欢：0} ]; $scope.technology=技术； $scope.rowLimit=1； $scope.selectCol=name； $scope.incremeselike=函数（技术1）{ 技术1.like++； }; $scope.incremesedislike=函数（技术1）{ 技术1.不喜欢++； }; } ); 要显示的行数：：订购人名称ASC 像ASC 不喜欢DSC 名称利克蒙特厌恶计数点击 {{x.name} {{x.like} {{x.lake}} 像,angularjs,Angularjs,这段代码我试图根据名字的顺序显示表格，喜欢和不喜欢。当我从下拉列表中选择任何一个时，它应该根据该字段显示数据。但是它不能正常工作。请完全改正它并帮助我谢谢只需像这样从表的标记中删除单引号 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script> <style> table{ b

这段代码我试图根据名字的顺序显示表格，喜欢和不喜欢。当我从下拉列表中选择任何一个时，它应该根据该字段显示数据。但是它不能正常工作。请完全改正它并帮助我

谢谢

只需像这样从表的

标记中删除单引号

<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>

只需删除orderBy:'selectCol'单引号更改为orderBy:selectCol，它就可以正常工作

<tr ng-repeat = "x in technology | orderBy:selectCol">