博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Angularjs需要注意的一些东西
阅读量:4941 次
发布时间:2019-06-11

本文共 1457 字,大约阅读时间需要 4 分钟。

写在前面——真心没时间精力仔细总结了,先放这儿,有空再细化~~~~~~~~

近期一直在玩Angularjs,不得不说,相对于Knockout,Angularjs这一MVVM框架更强大,也更复杂,各种教程网上到处都是,不过真正用到项目的时候会遇到各种坑。

这儿有一篇主要讲的是Angularjs思想等,对于我们用过若干年Jquery的人来说有些思想确实和Angularjs有不一样,不过可能有些方面有点过于理想化了,或者说如果要做到Think in Angularjs需要对Angularjs理解比较透彻,个人见解。

一方面由于许多东西在用的时候理解的不甚透彻,另一方面由于在现有的项目中,很难把所有东西都按照Angularjs的写法来做。在享受Angularjs带来的数据绑定&交互的方便的同时我们还需要继续使用项目中原有的UserControl、插件,那么在此过程中会遇到各种问题,现总结如下:

 

1.和Jquery的兼容问题,Angularjs自带jqLite,在使用过程中发现,如果项目中使用jquery-1.6.4版本,那么如果将AngularJs引用放在Jquery后面就会报错,但是Jquery-1.8之后没有这个问题。

2.和Jquery-ui-dialog结合使用的问题,项目中会经常用到各种模态框,其实个人感觉最好的方式就是用一套采用Angularjs编写的组件/插件,是目前我见过写的最好的。不过这个是理想的状态,奈何项目中一直习惯使用Jquery-ui-dialog,那么在使用的过程中就会遇到问题,问题描述出来可能比较繁琐,如下:

假设页面有一个产品列表,点击产品名称要展示相应的产品详情:

  1. 1.angularjs vs jquery 1.6.4

    2.jquery ui dialog 脱离了controller
    3.加载时机问题
    4.$timeout要想清楚 回来后。。 select init
    bind trigger 第三方调$scope内部方法 http://www.html-js.com/article/Using-Angular-to-develop-web-applications-use-AngularJS-to-create-a-pre-input-plugins
    5.date:'yyyy-MM-dd HH:mm:ss' 格式化 截断
    6.IE(9)缓存
    7.IE8 兼容问题(不支持自定义标签)http://rritw.com/a/bianchengyuyan/JS/2014/0405/488748.html: <!--[if lte IE 8]>
    <script>
    document.createElement('radio-list');
    </script>
    <![endif]-->
    8.闪烁 {
    {}}->ng-bind
    9.//# sourceMappingURL=angular.min.js.map

    10.$http post

    11.track by $index
    12.自定义的不能用 ng-前缀 否则会报错Error: [$compile:ctreq]
    13.ng-repeat 原list不存在的情况 添加无反应 参见autoList currTopicModel.TopicCategories.push({ Tags: [] });

转载于:https://www.cnblogs.com/ziyeyimeng/p/3809806.html

你可能感兴趣的文章
[视频]怎样提升asp.net mvc 软件的性能 - 微软免费视频Improving ASP.NET MVC Application Performance...
查看>>
CMMI与Agile敏捷开发比较之二:需求管理篇(兼谈用敏捷实现和满足CMMI的ReqM过程域)...
查看>>
asp.net MVC中怎样让LINQ Designer自动生成的类从别的类继承并调用其基类构造器?...
查看>>
asp.net mvc 如何在执行完某任务后返回原来页面
查看>>
一个卖了1300的Java程序引发的深思
查看>>
如何在一个页面中动态放置多个Droppable来接受不同的Draggable?(accept参数的用法)...
查看>>
敏捷开发“松结对编程”实践之一:人员结构篇(大型研发团队,学习型团队,139团队,师徒制度)...
查看>>
敏捷开发“松结对编程”实践之二:计划与设计篇(大型研发团队,学习型团队,139团队,师徒制度,设计评审,预想陈述,共同估算,扑克牌估算)...
查看>>
敏捷开发“松结对编程”实践之三:共同估算篇(大型研发团队,学习型团队,139团队,师徒制度,敏捷设计,估算扑克,扑克牌估算)...
查看>>
敏捷开发“松结对编程”实践之四:日常工作篇(大型研发团队,学习型团队,139团队,师徒制度,检查点,代码审查,每日立会)...
查看>>
敏捷开发中asp.net MVC的开发次序感受(先开发View?先开发Model?先开发Controller!)...
查看>>
敏捷开发“松结对编程”实践之五:代码检查篇(大型研发团队,学习型团队,139团队,师徒制度,代码审查)...
查看>>
敏捷开发“松结对编程”实践之六:大型团队篇|后记(大型研发团队,学习型团队,139团队,师徒制度,人员招聘,职业生涯规划)...
查看>>
【预告】火星人敏捷开发手册(免费敏捷教材及宣传材料预览)
查看>>
敏捷外包工程系列之一:序言(敏捷外包工程,敏捷开发,CMMI,软件外包,政府项目,银行项目,电信项目)...
查看>>
敏捷外包工程系列之三:固定合同(敏捷外包工程,敏捷开发,产品负责人,客户价值)...
查看>>
敏捷外包工程系列之二:人员结构(敏捷外包工程,敏捷开发,产品负责人,客户价值)...
查看>>
周鸿祎谈乔布斯(张亮)
查看>>
IT职场人生系列之三:第一份工作
查看>>
IT职场人生系列之四:怎样写简历
查看>>