Question

怎么用angularJS来实现下图的二级联动啦

Answer 1

怎么用angularJS来实现下图的二级联动
写好Angular代码，最关键的是要能根据业务，抽象出数据模型来。从这个界面来看，数据模型就是两个数组（其实是三个）。哪两个呢，左边一个，右边一个啦，但再想想，其实是不够的，因为有这个搜索功能，所以我们还需要另外一个数组用于存放左侧全量的未选元素，这样，数据模型就有了：
- 剩余的所有元素数组a
- 经过搜索条件过滤的剩余元素数组b //这个绑定到左边的列表
- 已选元素数组c //这个绑定到右边的列表
然后，很简单了有没有，数组b由数组a和搜索条件过滤得出，然后，当选择b中某个元素的时候，将其从a和b中移除，添加到c中去，反之类似。