UI路由器状态可视化器和过渡可视化器
尝试
什么
在UI-Router 1.0+中可视化状态树和过渡。
该脚本通过两个组件增强了您的应用程序:
状态可视化器:您的UI路由器状态树,显示活动状态及其活动祖先(绿色节点)
单击一个状态将转换为该状态。
如果您的应用很大,则可以通过双击状态来折叠状态树。
支持不同的布局和缩放。
过渡可视化器:每个过渡(从一种状态到另一种状态)的列表
颜色编码的过渡状态(成功/错误/被忽略/重定向)
将鼠标悬停在过渡上以显示在过渡期间输入/退出或保留的状态。
单击“过渡”以查看详细信息(参数值和解析数据)
怎么样
Visualizer是一个UI-Router插件。 使用UIRouter对象注册插件。
找到插件
使用[removed]标签
将脚本添加为HTML中的标记。
< script src =" //unpkg.com/@uirouter/visualizer@4 " > </ script >
可视化工具插件可以在窗口对象上找到(作为全局变量)。
var Visualizer = window [ '@uirouter/visuali
1