上一篇:sublime text中隐藏目录树里文件与文件夹(2018-07-04 20:02:32)
文章大纲

Angular实战细节大总结

2018-07-06 20:23:44

今年第一个项目用的angular,期间踩了很多坑,都是很细节的问题,没经历过真的是要耗费大部分时间去解决。

现记录下来分享给大家,相信只要看完了这篇文章,你几乎就可以解决很常见的所有关于Angular问题。


ng-if中的ng-model值无效的问题

问题描述:

如上代码所示,input框里值在变化,span文本却不显示。

问题原因:
ng-if会产生自己的作用域,没有ng-if时,ng-mode对应$scope作用域,加了ng-if,ng-if里ng-model作用域就不再是$scope,从而导致ng-mode变量没有获取到值。

解决方法:
网上都说,给ng-model加上$parent.或者把ng-if改成ng-show或ng-hide。如下所示:
经过实践,两种方法都可以。但在项目中,由于div结构更为复杂,例如ng-if外还有ng-if,如上解决方法有时就莫名的失效了。最终我找到的解决方法:
定义$scope域下的对象,将我们要用的变量放到对象里。如下所示:
定义对象:
$scope.input = {
    input_one:""
};

ng-model如何实现多个radio选项



上一篇:sublime text中隐藏目录树里文件与文件夹(2018-07-04 20:02:32)
我要评论
评论列表