Angular JSの動的HTMLページ

Question

Angular JSの新機能です。 私は、ページの右側にユニークなIDのリストを表示するhtmlページ（audit.html）を持っています。 これはこのページのRouteProviderです。左側のナビゲーションバーには、ここに記載されているhtmlのリンクがあります。私はどんなのIds listed.Iをクリックすると、一意のIDに対して保存されたデータを表示したい

.config(function($routeProvider){ 
     $routeProvider 
    .when('/home', { 
     controller: 'homeController', 
     templateUrl: "templates/home.html" 
     }) 
    .when('/audit',{ 
     controller: 'AuditController', 
     templateUrl: "templates/audit.html" 
     }) 
     .when('/submit',{ 
     controller: 'SubmitController', 
     templateUrl: "templates/submit.html" 
     }) 

は、同じページに詳細情報を表示したいです。 Angular JSではどのように動的ルーティングを行うことができますか？

Answer 1

あなたは（Govindが示唆したように）以下に、あなたの設定を変更する場合：

.config(function($routeProvider){ 
    $routeProvider 
    .when('/home', { 
     controller: 'homeController', 
     templateUrl: "templates/home.html" 
    }) 
    .when('/audit/:id',{ 
     controller: 'AuditController', 
     templateUrl: "templates/audit.html" 
    }) 
    .when('/submit',{ 
     controller: 'SubmitController', 
     templateUrl: "templates/submit.html" 
    }); 

を次に、あなたのコントローラ内で使用すると、以下のような何かを行うことができます：あなたがバインドできるようになります

angular.module('app') 
    .controller('myController', function($scope, $stateParams) { 
    $scope.auditId = $stateParams.id; 
    }); 

それをテンプレートに追加します。

あなたは、URLルーティングは、このことができますhere

希望をどのように機能するかについての詳細を読むことができます！クエリ文字列を渡す