angularjs显示详细信息视图

时间:2014-07-10 08:21:21

标签: json angularjs

大家好,我有一个从json文件创建的客户端表,每行都有一个链接显示每个客户端的详细信息!它没有用,我不知道为什么!我真的需要一些帮助!

这是我工厂的功能

getUser : function(id){
        var deferred = $q.defer();
        $http.get('json/client.json')
        .success(function(data, status){
            factory.clients = data;

            deferred.resolve(factory.clients[id]);
        })
        .error(function(data, status){
            deferred.reject('Impossible de récupérer les clients!!');
        });
       return deferred.promise;
    }

这是我的控制器

app.controller('detailsCtrl', function($scope, patients,$routeParams){

var post = patients.getUser($routeParams.id).then(function(client){
$scope.name = post.name;


},function(msg){

alert(msg);
})

});

这是我的路由

app.config(function($routeProvider){

$routeProvider
    .when('/',{templateUrl : 'table.html', controller: 'ClientCtrl'})
    .when('/details/:id',{templateUrl : 'details.html', controller: 'detailsCtrl'})
    .otherwise({redirectTo : '/'});

 });

我真的需要一些帮助,谢谢你:)

1 个答案:

答案 0 :(得分:2)

这是我的控制器

app.controller('detailsCtrl', function($scope, patients,$routeParams){

var post = patients.getUser($routeParams.id).then(function(client){
//if you need name only not post.name
$scope.name = client.name;
// if you need copy all object from json to $scope
angular.copy(client, $scope.lient)



},function(msg){

alert(msg);
})

});