文件名称:可视化工具:UI-Router状态可视化工具和过渡可视化工具
文件大小:189KB
文件格式:ZIP
更新时间:2024-02-21 01:15:57
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