$ stateProvider angularJsは

Question

が、私は以下のように私のページ上のボタンを持って働いていません。私は現在州/州にいるので、/ status/{maId}州に行きたいです。私はボタンのURLの変更をクリックしますが、HTML、それがない状態/ {}メイドステータス状態から静止templateUrlで変更does notのとき

は、ここに私のroutes.js

(function() { 
    'use strict'; 

    angular 
    .module('MA.status') 
    .config(function ($stateProvider) { 
     $stateProvider 
      .state('status', { 
       url: '/status', 
       controller: 'Status as vm', 
       templateUrl: 'app/pages/status/status.html?v=0.0.1' 
      }) 
      .state('status.viewer', { 
       url: '/:maId', 
       controller: "Viewer as vm", 
       templateUrl: 'app/pages/status/viewer.html?v=0.0.1', 
       resolve: { 
        maId: function ($stateParams) { 
         return ($stateParams.id); 
        } 
      } 
      }); 
    }); 
})(); 

です。コンソールにエラーはありません。

何が問題なのですか？

Answer 1

あなたのUI-SREF、ボタンには次のようにする必要があります：

<button ui-sref="status.viewer({maId: gridItem.MAID})" class="btn btn-info"> 
    <span class="glyphicon glyphicon-search"></span> 
</button> 

あなたは常にあなたのルートの中で宣言された全体の状態の名前を挿入する必要があります。

EDIT：

あなたのコメントをもとにあなたの全体のHTMLの構造を見ることなく、私はあなたがあなたのステータス状態テンプレートでui-viewディレクティブが欠けていると思います。子どもの状態を使用している場合、親は子供のコンテンツ/テンプレートを表示できるようにする必要があります。あなたはそれがあなたが今持っている方法で動作するようにしたい場合は、status.viewer状態を完全に別個の状態として設定することができます。しかし、あなたが子供の状態としてそれを望むなら、ちょうどあなたのstatus州のどこかにこれを加えて、子供の状態の内容が現れます。

<div ui-view></div> 

のでui-sref変更を行うと、あなたの親状態テンプレートにui-viewを追加します。