An_form 정렬
<script type="text/javascript" src="js/angular.js"/>
<style>
.redColor{ color:red; }
</style>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.goods=[{"id":80,"name":"iphone","price":5400},
{"id":1200,"name":"ipad mini","price":2200},
{"id":500,"name":"ipad air","price":2340},
{"id":29,"name":"ipad","price":1420},
{"id":910,"name":"imac","price":15400}];
$scope.orderColumn="name";
$scope.orderSign="-";
$scope.sortProduct=function(sortColumn){
$scope.orderColumn=sortColumn;
if($scope.orderSign=="-"){
$scope.orderSign="";
}else{
$scope.orderSign="-";
}
}
$scope.remove = function(name) {
if(confirm(" "+name+" ")) {
var p;
for(index in $scope.goods ){
p=$scope.goods[index];
if(p.name==name){
$scope.goods.splice(index,1);
}
}
}
}
$scope.removeAll = function() {
if(confirm(" ?")) {
$scope.goods = [];
}
}
});
</script>
<input type="text" ng-model="search" placeholder=" "/>
<button ng-click="removeAll()"> </button>
<table border="1" cellspacing="0">
<tr>
<td> <button ng-click="sortProduct('id')">^</button></td>
<td> <button ng-click="sortProduct('name')">^</button></td>
<td> <button ng-click="sortProduct('price')">^</button></td>
<td><a> </a></td>
</tr>
<tr ng-repeat="x in goods | filter:{'name':search}|orderBy:(orderSign + orderColumn)">
<td>{{x.id }}</td>
<td>{{x.name}}</td>
<td>{{x.price |currency :"(RMB)"}}</td>
<td ng-click="remove(x.name)"><a> </a></td>
</tr>
</table>
</code></pre>
</article>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
