angularjs常见面试题

angularjs常见面试题

ID:16458227

大小:36.46 KB

页数:39页

时间:2018-08-10

angularjs常见面试题_第1页
angularjs常见面试题_第2页
angularjs常见面试题_第3页
angularjs常见面试题_第4页
angularjs常见面试题_第5页
资源描述:

《angularjs常见面试题》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、AngularJS常见面试问题·angularjs ·面试题 huangtengfei 6月30日发布·推荐 1 推荐·收藏 28 收藏,660 浏览问题来源:如何衡量一个人的AngularJS水平?ng-if跟ng-show/hide的区别有哪些?第一点区别是,ng-if 在后面表达式为true的时候才创建这个dom节点,ng-show 是初始时就创建了,用 display:block 和display:none 来控制显示和不显示。第二点区别是,ng-if 会(隐式地)产生新作用域,ng-switch 、 ng

2、-include 等会动态创建一块界面的也是如此。这样会导致,在 ng-if 中用基本变量绑定 ng-model,并在外层div中把此model绑定给另一个显示区域,内层改变时,外层不会同步改变,因为此时已经是两个变量了。

{{name}}

ng-show 不存在此问题,因为它不自带一级作用域。避免这类问题出现的办法是,始终将页面中的元素绑定到对象的属性(data.x)而不是直接绑定到基本变量(

3、x)上。详见 AngularJS中的作用域ng-repeat迭代数组的时候,如果数组中有相同值,会有什么问题,如何解决?会提示 Duplicatesinarepeaterarenotallowed. 加 trackby$index 可解决。当然,也可以traceby任何一个普通的值,只要能唯一性标识数组中的每一项即可(建立dom和数据之间的关联)。ng-click中写的表达式,能使用JS原生对象上的方法吗?不止是ng-click中的表达式,只要是在页面中,都不能直接调用原生的JS方法,因为这些并不存在于与页面对应的

4、Controller的$scope中。举个栗子:

{{parseInt(55.66)}}

会发现,什么也没有显示。但如果在$scope中添加了这个函数:$scope.parseInt=function(x){returnparseInt(x);}这样自然是没什么问题了。对于这种需求,使用一个filter或许是不错的选择:

{{13.14

5、parseIntFilter}}

app.filter('parseIntFilter',function(){returnfunction(item){retu

6、rnparseInt(item);}}){{now

7、'yyyy-MM-dd'}} 这种表达式里面,竖线和后面的参数通过什么方式可以自定义?filter,格式化数据,接收一个输入,按某规则处理,返回处理结果。内置filterng内置的filter有九种:·date(日期)··currency(货币)··limitTo(限制数组或字符串长度)··orderBy(排序)··lowercase(小写)··uppercase(大写)··number(格式化数字,加上千位分隔符,并接收参数限定小数点位数)··filter(处理

8、一个数组,过滤出含有某个子串的元素)··json(格式化json对象)·filter有两种使用方法,一种是直接在页面里:

{{now

9、date:'yyyy-MM-dd'}}

另一种是在js里面用://$filter('过滤器名称')(需要过滤的对象,参数1,参数2,...)$filter('date')(now,'yyyy-MM-ddhh:mm:ss');自定义filter//形式app.filter('过滤器名称',function(){returnfunction(需要过滤的对象,过滤器参数1,过滤器

10、参数2,...){//...做一些事情return处理后的对象;}});//栗子app.filter('timesFilter',function(){returnfunction(item,times){varresult='';for(vari=0;i

11、,function(){return{target:'factory',sayHello:function(){return'hello'+this.target;}}});service通过构造函数方式创建service,返回一个实例化对象app.service('FooService',function(){varself=this;this.targe

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签