我正在尝试在我的演示中使用 angular-resource.js 文件。我正在检索 来自json文件的数据使用$ 资源并使用ng-repeat显示我的数据。但每个项目我添加了一个按钮(信息文本按钮)。我需要使用它来获取信息 $ resource property.I我在点击功能上发送ID。但是当我使用$ resource属性时,它给我带来了错误
$scope.getIn=function(id){
// alert(id)
$scope.oneUser = Entry.get({user: id});
console.log($scope.oneUser)
}
答案 0 :(得分:1)
如果我理解你想要实现的目标,应该解决它:
angular.module('app',['ngResource']).controller('a',function($scope, GetData){
// read data from factory and store it in $scope.posts
GetData.then(
function successCallback(data) {
$scope.posts = data.data;
},
function errorCallback(response) {
console.log(response); // handle any errors
});
// buttonclick to return the values from the selected id
$scope.getIn = function(id){
angular.forEach($scope.posts, function(value) {
if(value.id === id)
{
$scope.selectedValue = value;
}
})
};
console.log($scope.posts)
})
.factory('GetData', function($http){ // use http to read the json
return $http.get('data.json');
});
和html:
<body ng-app='app' ng-controller='a'>
<div ng-repeat='p in posts'>
<span>{{p.name}}</span>
<button ng-click=getIn(p.id)>info</button>
</div>
{{selectedValue}}
</body>