编辑：

Question

我正在建立一个网站，我有一些用户或客户。为此，我有一个通用表，其中只包含一些基本信息，如name，type和e-mail，我想在另一个页面中显示所有客户端/用户信息，因为每个客户端/用户将拥有更多信息，如电话，地址等。

旧方法
由于我是angularjs的新手，我还没有做到。我有一个旧网站，使用HTML和PHP。我这样做的方法是通过url发送用户id，然后，在新页面（det_user.php）中，我获取此URL参数来调用所有用户信息，然后将其加载到表中。

这是使用AngularJS进行此操作的最佳方式吗？如果有另一种方法而没有通过URL发送id，但为了让用户能够刷新/共享页面链接，请告诉我。

我尝试做什么

我到处都在寻找答案，但是找不到任何完整的答案，只是一些部分。所以这是我到目前为止所做的：

scripts.js中

var myApp=angular.module("myApp",["ngRoute"]);

myApp.config(function ($routeProvider, $locationProvider) {
    $routeProvider
        .when('/Home',
        {
            controller: 'HomeCtrl',
            templateUrl: 'content/home.html'
        })
        .when('/cliente',
        {
            controller: 'ClienteCtrl',
            templateUrl: 'content/cliente.html'
        })
        .when('/detcli/:id',
        {
            controller: 'DetCli',
            templateUrl: 'content/detclinte.html'
        })
        .otherwise({
            redirectTo: '/Home'
        });
});

myApp.controller('ClienteCtrl', function ($scope, $http, $routeParams) {
    $scope.get_cliente = function() {
        $scope.loading = true;
        $http.get("scripts/php/db.php?action=get_cliente")
        .success( function(data) {
            $scope.pagedClientes = data;
            $scope.loading = false;
        })
        .error(function(data) {
        });
    };
});

myApp.controller('DetCli', function ($scope, $http, $routeParams) {
    var clienteId = $routeParams.clienteId;
    //more functions here?
});

cliente.html

<div class="block" ng-controller="ClienteCtrl">
<tbody ng-init="get_cliente()">
    <tr ng-repeat="cliente in pagedClientes | filter:searchField | filter:clifilter | orderBy:sortType:sortReverse">
        <td>{{cliente.nome}}</td>
        <td>{{cliente.tipo}}</td>
        <td>{{cliente.email}}</td>
        <td >
            <a href="#/detcliente/:clienteid">View</a>
            <a ng-click="cli_edita(cliente.id)">Edit</a>
            <a ng-click="cli_deleta(cliente.id)">Del</a>
        </td>
    </tr>
</tbody>
</div>

detcliente.html
我不确定如何在此页面上使用代码

<div class="block" ng-controller="DetCli">
    <tbody ng-init="get_detcliente()">
        <tr>
            <td>Name</td>
            <td>{{cliente.nome}}</td>
        </tr>
        <tr>
            <td>Email</td>
            <td>{{cliente.email}}</td>
        </tr>
        <tr>
            <td>Phone</td>
            <td>{{cliente.phone}}</td>
        </tr>
        [...more data...]
    </tbody>
</div>

谢谢你。

编辑：

感谢@pankajparkar我几乎在那里，我可以将id从cliente.html传递给detcliente.html现在的问题似乎是整合我从服务器获取的数据用id过滤它的代码。经过一些搜索，我可以得到这个代码，但仍然无法正常工作..它似乎是json数据，我需要通过id将其发送到过滤器。任何的想法？这是代码。

myApp.controller('DetcliCtrl', function ($scope, $http, $routeParams, $filter) {
    var clienteId = $routeParams.id;

    $scope.mainmsg = "Detalhes do cliente " + $routeParams.id;
    $scope.search = function() {
        var url = 'scripts/php/db.php?action=get_cliente';
        $http.get(url).success( function(data) {
            $scope.pagedClientes = data;
        }).error(function() {
            alert('Unable to get back informations :( ');
        });
    }

    var resultado = $filter('filter')(data.results, {id:clienteId})[0];
    $scope.nome = resultado.nome;

});

Answer 1

在DetCli控制器中，它应该是$routeParams.id;而不是$routeParams.clienteId;

myApp.controller('DetCli', function ($scope, $http, $routeParams) {
    var clienteId = $routeParams.id; //<--change here
    //more functions here?
});

＆安培;您的href应为<a ng-href="#/detcliente/{{cliente.id}}">View</a>，以便正确创建href。然后，您将使用clientId从网址获得正确的$routeParams。

<强>标记

<tbody ng-init="get_cliente()">
    <tr ng-repeat="cliente in pagedClientes | filter:searchField | filter:clifilter | orderBy:sortType:sortReverse">
        <td>{{cliente.nome}}</td>
        <td>{{cliente.tipo}}</td>
        <td>{{cliente.email}}</td>
        <td >
            <a ng-href="#/detcliente/{{cliente.id}}">View</a>
            <a ng-click="cli_edita(cliente.id)">Edit</a>
            <a ng-click="cli_deleta(cliente.id)">Del</a>
        </td>
    </tr>
</tbody>

AngularJs查看用户详细信息

编辑：

1 个答案: