-
Angular 2.0 的设计方法和原则
所属栏目:[安全] 日期:2020-12-17 热度:158
在开始实现Angular 2.0版本之际,我们认为应该着手写一些东西,告诉大家我们在设计上的考虑,以及为什么做这样的改变。现在把这些和大家一起分享,从而有助我们做出正确选择。 Angular 2 是一个针对移动应用的框架。它同时也支持桌面环境,但是移动端是难点[详细]
-
Angular2路由模块简介
所属栏目:[安全] 日期:2020-12-17 热度:70
由于该模块已经停止针对 AngularJS 1.4.7 及以下版本的维护,请不要再在项目中使用。**由于该模块已经停止针对 AngularJS 1.4.7 及以下版本的维护,请不要再在项目中使用。 Angular2虽然还没有正式发布,但全新设计的路由模块已经提前面世,它从AngularJS 1.[详细]
-
一步一步弄懂angularJS基础
所属栏目:[安全] 日期:2020-12-17 热度:106
问题1:ng-app指令的使用以及自定义指令 !doctype html!--这里的ng-app的属性值就是模块的名称,也就是 angular.module("MyModule",[])中的MyModule--html ng-app="MyModule"headmeta charset="utf-8"/headbodyhello/hello !--这个标签被完全替换为'divHi ev[详细]
-
第一个项目angular小节
所属栏目:[安全] 日期:2020-12-17 热度:132
angular JS 开发移动apk controller:angular封装的ng-click事件出发controller中定义的绑在$scope的方法,调用相应的event event::负责业务逻辑,和代码实现,可以注入需要的service 使用service里面的方法。 service:event 也是service的一种。 model :d[详细]
-
AngularJS五特性
所属栏目:[安全] 日期:2020-12-17 热度:178
?? 对于一个没有接触过和 AngularJS 相似的框架而且还是都在使用像 jQuery 这样的 JavaScript 类库的开发者来讲,要从 jQuery 的思想转变成 AngularJS 的思想是有点困难的,但我愿意去尝试。 AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到[详细]
-
Angular-Touch库使用
所属栏目:[安全] 日期:2020-12-17 热度:91
Angular-touch库用的不多,网上的例子也不多。写个触屏滑动的事件。 先在页面上弄个div div id = "content" align = "center" ng-app = "imageApp" image-controller = "" p style = "position: absolute; width: 100%; margin-top: 30px;z-index: -1;" img[详细]
-
深入浅出vue1.0:起步
所属栏目:[安全] 日期:2020-12-17 热度:76
双向绑定 就是说视图和数据绑在一起,有一个变化了,另外一个也会变化 应用场景:各种表单啊~需要互动的有变化的地方~ 渲染列表 使用v-for标签,在前台展示数据 应用场景:各种列表~ 处理用户输入 先写触发条件,一般都是点击了什么(v-on:click="方法名")[详细]
-
angularJS学习小结——服务
所属栏目:[安全] 日期:2020-12-17 热度:180
引言[详细]
-
angularJS学习小结——service
所属栏目:[安全] 日期:2020-12-17 热度:68
引言 最近在项目中用到了关于angularJS中的服务相关的知识,在起初学习这个东西的时候就了解到这个东西在项目 中是经常被用到的,在angular中也是比较重要的一块,所以今天小编就总结一些关于service的知识。 认识Service 关于service我们一点都不陌生,不论[详细]
-
[AngularJS 1] Introduction to AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:146
introduction :this article is going to introduce AngularJS in generally. I will write it through five points.Number one is what is AngularJS.Number two is why use Angular.Number three is how angularJS works.Number four is about modules.Nu[详细]
-
AngularJS(一)——初识AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:177
一、AngularJS 是什么 AngularJS是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用数据绑定和依赖注入,它使你不用再写大量的代码了。这些全都是通过[详细]
-
AngularJS(二)——AngularJS主要内容
所属栏目:[安全] 日期:2020-12-17 热度:89
一、双向数据绑定 传统来说,从model中获取数据,然后手动获取更新到view中。AngularJS是自动更新。用例子简单说明: span style="font-size:18px;"!doctypehtmlhtmlng-app head scriptsrc="js/angular-1.3.0.js"/script /head body div labelNAME:/label in[详细]
-
Angularjs 基于$timeout延时加载
所属栏目:[安全] 日期:2020-12-17 热度:174
项目采用Angularjs开发,可以通过Angulajs模块化组织项目代码,随着功能增加需要引入其他js框架越,有时候加载一个页面会报经典的“ ? ? TypeError:Cannot read property 'xx' of undefined ? ? ”错误。 项目未用requirejs保证js加载顺序,如果使用require[详细]
-
ng总结(一)
所属栏目:[安全] 日期:2020-12-17 热度:186
1.tab,ng无嵌套路由,tab也不需要用到。用angular-ui-bootstrap的tabset, tabcontent分别是不同的ng-include。不同的controller。 2.boostrap的datetimepicker,我不在外面套一层class=“form-group”,浏览器就奔溃出错? 3.boostrap的col嵌套col,还是以[详细]
-
Angularjs搭建前台框架
所属栏目:[安全] 日期:2020-12-17 热度:81
一,angular-seed 地址:https://github.com/angular/angular-seed/ angularSeed为angular提供的简单样例项目 二,angularjs 地址:https://angularjs.org/ 可以去以上地址下载最新的angularjs包,我此处下载的为angularjs1.5.5 三,导入项目 导入angular-se[详细]
-
ionic/angular $http post form-data请求
所属栏目:[安全] 日期:2020-12-17 热度:159
主要有两个步骤,一是重置$http的heads参数,二是参数转换方法 $http的heads参数 var param = {url: '' ,method: 'post' } //transformRequestAsFormPost是自定义方法,代码在下面 param[ 'transformRequest' ] = transformRequestAsFormPost; //虽然transfo[详细]
-
AngularJs ui-router 路由的简单介绍
所属栏目:[安全] 日期:2020-12-17 热度:101
本兽之前有写过一篇关于Angular自带的路由:ngRoute。 今天来说说Angular的第三方路由:ui-router。 那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢? 这里简单明了的说明下ngRoute和ui-router的区别吧,其实也没很大的区别,主要的[详细]
-
AngularJS快速开始
所属栏目:[安全] 日期:2020-12-17 热度:116
Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”: 使用您喜爱的文本编辑器,创建一个HTML文件,例如:helloworld.html。 将下面的源代码复制到您的HTML文件。 在web浏览器中打开这个HTML文件。 源代码 !doctype htmlhtmlng-[详细]
-
AngularJS(三)——作用域
所属栏目:[安全] 日期:2020-12-17 热度:117
作用域是视图和控制器之间的胶水 作用域是应用状态的基[详细]
-
Angular 封装 D3 指令
所属栏目:[安全] 日期:2020-12-17 热度:160
看到一个angular封装指令的栗子。 js代码: //sb变量建立在window对象上var sb = { name : "somebody",gender : "male",age : 28};angular.module("ezstuff",[]).directive("ezNamecard",function(){ return { restrict : "E",template : "div class='nameca[详细]
-
angularJS 开发原则之约定优先原则
所属栏目:[安全] 日期:2020-12-17 热度:75
通过用AngularJS开发了一段时间,在JS脚本中有很多相似的代码,如果用C#语言去写的话,会少很多代码,简练很多。通过总结,自己定义了一个约定优先原则,来进行快速开发实现。一般会用到这四个对象: 1.脚本与UI绑定通信的视图模型(VM) 2.管理视图模型与[详细]
-
AngularJS学习笔记--002--Angular JS路由插件ui.router源码解析
所属栏目:[安全] 日期:2020-12-17 热度:84
路由 (route) ,几乎所有的 MVC(VM) 框架都应该具有的特性,因为它是前端构建单页面应用 (SPA) 必不可少的组成部分。 那么,对于 angular 而言,它自然也有 内置 的路由模块:叫做 ngRoute 。 不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求[详细]
-
提升AngularJS性能的11条建议
所属栏目:[安全] 日期:2020-12-17 热度:97
我是一个刚接触AngularJs的新手(尽管我不是web开发的新手),所以请保持怀疑的态度来看这11条建议。我阅读了很多关于如何提升Angular性能的文章,下面就是我的相关总结。 内容列表: 最少化/避免 监听器(watchers) 避免使用ng-repeat。如果你不得不使用ng[详细]
-
AngularJS(四)——模块
所属栏目:[安全] 日期:2020-12-17 热度:199
一、什么是模块 大部分应用都有一个主方法用来实例化、组织、启动应用。AngularJS应用没有主方法,而是使 用模块来声明应用应该如何启动。这种方式有以下几个优点: 1、 启动过程是声明式的,所以更容易懂。 2、 在单元测试是不需要加载全部模块的,因此这种[详细]
-
angularjs中的transclude参数的理解
所属栏目:[安全] 日期:2020-12-17 热度:123
首先我们来和replace进行一个对比: !doctype htmlhtml ng-app="MyModule"headmeta charset="utf-8"/headbodyhellodiv这里是指令内部的内容。/div/hello/bodyscript src="framework/angular-1.3.0.14/angular.js"/scriptscript src="replace.js"/script/html[详细]