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

Question

我和我的团队正在构建一个中/大型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需要相应调整）。