[AngularJS]在使用 angularjs 的新页中查看所选的行的详细信息

发布时间: 2017/4/16 20:27:10
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

嗨我想要在下一个页面中显示选定的行值的详细信息,我是在第一页里只有名称和城市和剩余字段将在单击按钮后查看。 我的 html 页面

 <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script src="detailCtrlr.js"></script>
</head>
<body ng-app="myApp" ng-controller="customersCtrl">
<table>
<tr>
<td>Name</td>
<td>Age</td>
<td>details</td>
</tr>
<tr ng-repeat="x in names">
<td>{{x.Name}}</td>
<td>{{x.City}}</td>
<td><a href="#/viewdetail" type="submit"  name="viewdetails" ng-click="detail()">view</a></td>
</tr>
</table>
</body>
</html>

我的控制器是

   var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $http) {
        $http.get("details.json").then(function(response) {
            $scope.names = response.data.records;
        });
$scope.detail=function(){
        //details code here
    }
    });

现在我要在此页中的所有记录和显示很好,现在我想要查看详细信息页面中的所选行的其他详细信息。

解决方法 1:

您好,我解决我的问题,我的控制器是

app.controller('homeController', function($scope, $http, $location,
         $rootScope, $filter, $window) {
    $http.get("app/components/shared/json/Patients.json").success(
            function(response) {
                $scope.emp = response.Employees

                    $scope.select = function(list) {
                    debugger;
                    //$rootScope.selected = list;
                    $scope.selected = list;
                    localStorage.setItem("NamesDetails", JSON
                            .stringify($scope.selected));
                    $location.path('/homeView')
                    console.log(list)
                }
                $scope.cart = JSON.parse(localStorage.getItem("NamesDetails"));
                console.log($scope.cart)

            })
})

和在 Html 中

<td> <a ng-click="select(list)">view</a></td>
赞助商