-
Angularjs 2.0 学习备忘
所属栏目:[安全] 日期:2020-12-17 热度:108
Angularjs 2.0 出来有段时间,一直想学习一下,由于不是实际项目使用,常常是看了忘记,忘记了再看。 感觉一直收获不多,特弄个博客记录一下。尤其是学习资源。不定期更新了。 -------------------------------------------- 1. 关于Angularjs2.0 入门,有个[详细]
-
AngularJS 世界------Angularjs的模型(ng-model)
所属栏目:[安全] 日期:2020-12-17 热度:56
从最开始的时候,页面上出现过ng-model 指令,这就是我们要说的模型指令。 div ng-app = "" ng-init = "name='World'" p 名字 : input type = "text" ng-model = "name" / p h1 Hello {{ name }} ! / h1 / div ng-model 指令用于绑定应用程序数据到 HTML 控[详细]
-
[译]开始对Angular App进行单元测试(1)
所属栏目:[安全] 日期:2020-12-17 热度:174
这是一些列文章,陆续翻译整理中... 原文地址:http://www.bradoncode.com/blog/2015/05/12/angularjs-testing-getting-started/ @ Bradley Braithwaite 前言 在写测试之前,我们还得对基础的JS的单元测试框架和如何写测试用例等一些问题做一个简要的介绍。[详细]
-
AngularJS 学习笔记 (一) 快速上手
所属栏目:[安全] 日期:2020-12-17 热度:89
一、 AngularJS的4大特性: 1、MVC PS:上图的JS引入文件 HelloAngular_MVC中存放着Model模型。如下图所示: 2、模块化 PS:Model发生的变化,请注意看: 思维: html页面 ng-app 加载模块名。 对应 JS angular.module(" 模块名 ",[ ]) div标签 ng-controller[详细]
-
AngularJS 学习笔记---Module
所属栏目:[安全] 日期:2020-12-17 热度:86
What is a Module? You can think of a module as a container for the different parts of your app – controllers,services,filters,directives,etc. Why? Most applications have a main method that instantiates and wires together the different par[详细]
-
Angular 方法
所属栏目:[安全] 日期:2020-12-17 热度:63
1.angular.bootstrap Usethisfunctiontomanuallystartupangularapplication. Angularwilldetectifithasbeenloadedintothebrowsermorethanonceandonlyallowthefirstloadedscripttobebootstrappedandwillreportawarningtothebrowserconsoleforeachofthesubsequ[详细]
-
AngularJs Filter详解1
所属栏目:[安全] 日期:2020-12-17 热度:102
在AngularJs中 ,过滤器可以使用一个管道符(|)添加到表达式和指令中 。 angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的。 AngularJs过滤去可用于转换数据。 内置过滤器,如下: 1.大小写转换 div class="alert alert-info" {{"lowe[详细]
-
[AngularJS] 重置表单class ng-dirty
所属栏目:[安全] 日期:2020-12-17 热度:152
在表单提交之后,如果仅仅是清空表单数据内容,相应 input 的 class 并不会改变(依然是 ng-dirty 状态),我们需要移除这些红色的 required 提示。 div ng-app="myApp" ng-controller="myCtrl as ctrl" form name="ctrl.myForm" divlabel for="email"Email/[详细]
-
angular-ui-router使用
所属栏目:[安全] 日期:2020-12-17 热度:77
angular-ui-router使用 github源码地址:https://github.com/angular-ui/ui-router api地址 http://angular-ui.github.io/ui-router/site 安装 npm install --save angular-ui-router 使用angular-ui-router 备注: 以下所有示例代码来源于个人所写的练习.[详细]
-
angular学习参考资料
所属栏目:[安全] 日期:2020-12-17 热度:57
学习笔记博客 https://www.zouyesheng.com/angular.html youtube专属频道 https://www.youtube.com/user/angularjs angular官方网站 https://www.angularjs.org/ angular官方开源包 https://code.angularjs.org/ angular相关背景和社区介绍 http://www.jb51.[详细]
-
AngularJS 学习笔记 (二) 基本概念和用法 之 MVC
所属栏目:[安全] 日期:2020-12-17 热度:174
如何使用controller MVC-Controller的实现方式1 PS:玩具级的开发中可以使用,但无法应对大型项目。 MVC-Controller的实现方式2 PS:这样开发会比较清晰职责,但是如果两个控制器是一模一样的。请参照第三种方法的图2。 MVC-Controller的实现方式3 PS写一个[详细]
-
angularjs1.3.0源码解析之directive
所属栏目:[安全] 日期:2020-12-17 热度:172
Angular指令编译原理 前言 angular 之所以使用起来很方便,是因为通常我们只需要在html里面引入一个或多个(自定义或内置的)指令就可以完成一个特定的功能( 这也是angular推荐的方式 ),比如: 一个简单的双向绑定 (用 ng-model 指令),或者 模板循环渲[详细]
-
AngularJS 国际化 -- translate
所属栏目:[安全] 日期:2020-12-17 热度:142
对于一个用户群面向全球的的应用来说,不得不考虑国际化的问题。当然,即便是刚刚起步的小应用,如果有心搞大,也应该提前设计国际化的方案。 本篇讲述使用AngularJS构建的应用的简单国际化方案,准确的说,是国际化服务.... i18n与l10n i18n是International[详细]
-
AngularJs Filter详解2--自定义过滤器
所属栏目:[安全] 日期:2020-12-17 热度:175
在AngularJs中可以添加自定义过滤器,来过滤处理或格式化数据 实例1: div ng-app="myApp" ng-controller="myCtrl" p ng-repeat="x in items | arrayFilter" {{x}}-----转换后:{{x |dateFormat}} /p /div script //AngularJs 自定义过滤器 //1.添加一个mode[详细]
-
AngularJs Service-自定义服务
所属栏目:[安全] 日期:2020-12-17 热度:175
在AngularJs中 ,服务是一个函数或对象,可以在你的AngularJs 应用中使用 服务是注册在模块下的 实例1: div ng-app="myApp" ng-controller="myCtrl" p 数字:{{number}} /p p 十六进制:b{{number2}}/b /p p 十六进制2:b{{number|myFormat}}/b /p/divscrip[详细]
-
关于AngularJS中的ng-class
所属栏目:[安全] 日期:2020-12-17 热度:102
在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object),与view完全的隔离(交互angularjs框架的职责。但在某些项目中看见contro[详细]
-
Angularjs call asynchronous before page renders
所属栏目:[安全] 日期:2020-12-17 热度:85
仅记录下最近学到的一点angular js 知识。 业务描述 前情说明 最近在做一个angularjs的相关项目,需要在page render之前调用后台的restapi 获取到用户名user,用该值去设置某些service并用于前端页面渲染(全部页面渲染之前必须得到user),并且在app.run 中[详细]
-
基于AngularJS开发撰写测试代码时的框架
所属栏目:[安全] 日期:2020-12-17 热度:60
本文由Markdown语法编辑而成。 1. 前言: 在以“测试驱动开发”理念的推动下,测试已经变得越来越重要了。由于之前在做B/S项目的开发过程中前端采用了AngularJS框架。因此这里主要介绍AngularJS在进行测试时采用的框架和基本的测试原理。 关于测试的分类,在[详细]
-
ocLazyLoad中文文档
所属栏目:[安全] 日期:2020-12-17 热度:85
ocLazyLoad是angular1.x的延时加载解决方案 英文文档地址:https://oclazyload.readme.io/ 中文文档地址:http://dreamapple.leanapp.cn/gitbook/oclazyload-doc/[详细]
-
AngularJS 学习笔记 (三) 基本概念和用法 之 路由、模块、依赖
所属栏目:[安全] 日期:2020-12-17 热度:184
1、AngualrJS的模块化实现 PS:小图是全局变量,大图是模块化的变量。 使用angular.module("模块名",[ ]); 创建一个模块。 这个模块使用Controller方法生成一个叫做helloNgCtrl的控制器,包括它的方法。 一定要带$scope 。 调用时才能生效。 2、一个完整项目[详细]
-
Ionic和AngularJS实现移动端APP前端
所属栏目:[安全] 日期:2020-12-17 热度:181
下图是众多伙伴打造的学生给教师评分的任务界面 页面逻辑: 1. 点击右上角的三条杠按钮,将显示黑底白字菜单,点击页面其他地方,菜单隐藏 2. 点击 " 切换账号 " ,将回退到登录页 3. 点击 " 退出系统 " , APP 关闭 4. 点击每一门课程,进入评教详情页,也[详细]
-
AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)
所属栏目:[安全] 日期:2020-12-17 热度:97
总结一下AngularJS的核心对象angular上的方法,也帮助自己学习一下平时工作中没怎么用到的方法,看能不能提高开发效率。我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本,不过在全局API上,版本不同也没什么区别。 AngularJS 全局 API列表 element[详细]
-
angular tab切换
所属栏目:[安全] 日期:2020-12-17 热度:53
关于angular的一些优点就不介绍了,感兴趣的可以看一下http://www.zhihu.com/question/22284218。 废话不多说,粗暴点,直接上代码。 button ng-click="tab('tab.html')"1/button button ng-click="tab('tab1.html')"2/button div ng-include="tabs"/div scr[详细]
-
AngularJS 模块化
所属栏目:[安全] 日期:2020-12-17 热度:118
学习要点: 控制器模块化 指令模块化 过滤器模块化 服务模块化 定义值模块化 使用模块工作 第一步:创建一个模块 // function : define module named exampleApp // param detail : // param one : module name // param two : relay on modules collection[详细]
-
AngularJS 学习笔记 (四) 基本概念和用法 之 双向数据绑定
所属栏目:[安全] 日期:2020-12-17 热度:184
1、取值表达式与ng-bind指令 2、双向数据绑定的经典才场景 -- 表单 html代码: form.js代码: 运行效果1:原始显示效果,并点击按钮1 运行效果2:点击测试02按钮后,再点击测试01按钮查看控制台信息。 PS:请看,这里视图发生了变化,是由数据模型改变而改变[详细]