Javascript 当数据发生变化时，您应该如何处理主要的UI转换？

我的团队和我正在构建一个中型/大型AngularJS应用程序，单个页面视图的控制器和视图可能会根据1个字段中的数据发生显著变化：

if (order.state == state1) {
   load view a,b,c; controller j,k,l
}
if (order.state == state2) {
   load view a,d,e; controller k,y,x
}

---

在这种情况下，我应该如何管理这些戏剧性的UI更改？我得到的最接近的是AngularUI路由器，它有状态和嵌套视图，但我不完全确定如何构造应用程序和编码UI路由器以促进这些UI更改。请注意，这些UI更改需要以编程方式进行（即，当应用程序获取表示state1的数据时，UI需要进行相应调整）。

您是否查看过UI路由器中的命名视图：？我想这很接近你的要求。另外，在ui路由器中使用

$state.go（…）

以编程方式更改状态，因此这可以非常容易地完成。