$ stateProvider angularJs不工作

我有我的网页下面的按钮：

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

在点击我想要一份与UI的SREF改变状态。我目前处于状态/状态，我想进入/ status/{maId}状态。

这里是我的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); 
        } 
      } 
      }); 
    }); 
})();

当我点击按钮URL的变化，但HTML并没有改变它仍然是templateUrl从状态状态不是状态/ {} MAID。控制台中没有错误。

有什么问题？

来源

2016-09-09 miechooy

你的UI-S参考您的按钮应该是这样的：

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

你总是要插入它在你的路由宣布全州的名字。

编辑：

没有看到基于您的评论你的整个HTML结构我猜你缺少你的状态状态模板ui-view指令。如果您使用的是儿童状态，父母需要拥有它才能显示孩子的内容/模板。如果您希望现在按照现在的方式运行，您可以将status.viewer状态设置为整个单独状态。但是，如果您希望将其作为子状态，只需在status状态的某处添加此状态，并且将显示子状态的内容。

<div ui-view></div>

所以使ui-sref变化，并添加ui-view到父状态的模板。

来源

2016-09-09 06:48:02 thepio

仍然是一样的结果:( – miechooy

如果能帮助你，你能在我的答案上看到我的编辑吗？ – thepio

$ stateProvider angularJs不工作

回答

相关问题