【文件属性】：
文件名称：可视化工具：UI-Router状态可视化工具和过渡可视化工具
文件大小：189KB
文件格式：ZIP
更新时间：2021-01-31 07:29:17
react javascript angularjs svg angular
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