我有一个像这样的对象:
$scope.phones = new Object();
$scope.phones['id1'] = {
"name":"Phone Name1",
"dateReleased":"2012-1-09 15:48:24"
};
$scope.phones['id2'] = {
"name": "Phone Name2",
"dateReleased":"2012-3-12 15:32:11"
};
$scope.phones['id3'] = {
"name": "Phone Name3",
"dateReleased":"2012-2-10 13:53:32"
};
我正在使用ngRepeat显示它.我不能订购dateReleased.此外,反向排序不起作用.我的ngRepeat看起来像这样:
<li ng-repeat="phone in phones | orderBy:dateReleased:true">
<p>{{phone.name}}</p>
<p>{{phone.dateReleased}}</p>
</li>
我正在使用$http.get()服务填充angularJS中的数组,通过调用rest api.使用此数组显示此数组ng-repeat.有一个Jquery代码可以在每个<li>标记上方悬停时显示一个按钮.$http导致数据获取延迟,此时Jquery将完成绑定.所以悬停功能不起作用.有没有解决这个问题？
<!doctype html>
<html ng-app>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="angular.js"></script>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
myFunction();
});
var myFunction= function(){
$("#orders ul li").hover(
function() {
$(this ).find(".butt-view").show();
},
function() {
$(this ).find(".butt-view").hide();
});
}
</script>
<script>
function PhoneListCtrl($scope) {
$scope.phones = $http.get(url);
}
</script>
<style>
ul{list-style-type:none;}
ul li{background-color:#e1eff2; padding:5px 6px;}
ul li:hover{background-color:#fff;}
.butt-view{background-color:#feb801; border-radius:4px; color:#fff; font: bold 12px Arial, Helvetica, Sans-serif; padding:5px 7px; margin-top:3px; width:40px }
</style>
</head>
<body …我正在尝试在AngularJS中获取rest api的JSON输出.以下是我面临的问题:
我的休息api看起来像:http://myserver.com:8888/dosomething/me@mydomain.com/arg2.示例代码/文档将非常有用.