今天基于原来的DEMO,将功能进行了调整。
如图所示,增加了一个新的controller,完成了增删改查的最后一步:查。
step1中还是使用ng-repeat遍历出的options,然后这个select又绑定了一个model,可以在controller用于判定用户的选项,然后根据这个选项,在users的数组中进行查找,最后,显示在查询结果的框中。
今天遇到的几个问题:
1.数据可视化和canvas视图留了一个坑。
2.突然发现controller之间的方法、变量不可以共享,例如我在下面的控制器中创建的用户数组:
$scope.users=[
{
...},
{
...},
{
...},
{
...}
]
在上面查询控制器中无法访问,网上查询之,得到结果,原因是作用域无法访问,这点跟js比较像,两个在树形结构上是兄弟层级关系的节点,不能访问对方的内部变量。但是angular 可以像js一样,变量继承,因此,可以吧users挂到 相对比较高的祖先节点上,这样,其子控制器就可以访问到了。
3.在Step1的位置,出现了F5以后,默认出现一个空白options的现象,查看元素,得知该元素:
<option value=" undefind!"></option