-
AngularJs directive指令实例
所属栏目：[安全] 日期：2020-12-17 热度：129
1.简单实例 body ng-app="myApp" runoob-directive/runoob-directive script var app = angular.module('myApp',[]); app.directive('runoobDirective',function () { return { restrict:'E',template:'h1自定义指令/h1' }; }); /script/body 2.replace当前[详细]
-
AngularJs directive-transclude
所属栏目：[安全] 日期：2020-12-17 热度：116
transclude制定是否复用标签内部的html 制定方式是将当前标签内部内容，复制一份到template中制定 ng-transclude的元素内部 1.代码： body ng-app="myApp" my-site p class="text-danger"原始的内容/p /my-site/body //transclude 是否复制原来控件内容，到[详细]
-
AngularJs directive-scope
所属栏目：[安全] 日期：2020-12-17 热度：59
1.scope：bool 或者 object代码： body ng-app="myApp" div ng-controller="myCtrl" 外部:{{myProperty}} input ng-model="myProperty"/ br / div my-directive/div /div/body var app = angular.module('myApp',[]);app.controller('myCtrl',function ($sco[详细]
-
AngularJs directive-controller实例
所属栏目：[安全] 日期：2020-12-17 热度：152
1.代码 body ng-app="myApp" my-site value="http://www.tianma3798.cn/" text="爱短句"爱短句1/my-site div my-site class="bg-danger" value="http://www.tianma3798.cn/" text="爱短句"爱短句2/div/body var app = angular.module('myApp',[]);app.direct[详细]
-
AngularJs directive-link实例
所属栏目：[安全] 日期：2020-12-17 热度：114
1.代码： body ng-app="myApp" my-expander title="标题部分" h5中间内容部分/h5 /my-expander !--div class="panel panel-primary" div class="panel-heading"/div div class="panel-body"/div /div-- script/body var app = angular.module('myApp',[]);ap[详细]
-
[译] 如何对 Angular Controller 进行单元测试
所属栏目：[安全] 日期：2020-12-17 热度：89
原文地址：http://www.bradoncode.com/blog/2015/05/17/angularjs-testing-controller/ @Bradley Braithwaite 上面一篇文章简单介绍了如何使用 Jasmine 进行JavaScript的单元测试 我们用了一段简单的代码进行计算的测试。 接下来我们将其延伸到我们对Angular[详细]
-
AngularJS 神奇的表单
所属栏目：[安全] 日期：2020-12-17 热度：107
Angular 可使用指令无缝地增强标准表单元素的功能，我们将讨论它的优点，包括 数据绑定、建立模型属性、验证表单、验证表单后反馈信息、表单指令属性 下面我们通过案例验证他们的用法： 一、双向数据绑定（ng-model）和建立模型属性 !DOCTYPE !-- use module[详细]
-
AngularJS 精妙绝伦的控制器
所属栏目：[安全] 日期：2020-12-17 热度：184
学习要点： 为什么使用控制器 基本原理 创建使用控制器 作用域 组织控制器 单块控制器 复用控制器 控制器继承 多控制器 无作用域控制器 显示更新控制器–使用JQuery UI 为什么使用控制器？ 控制器就像领域模型和视图的纽带，它从模型中暴露数据给视图，它给[详细]
-
AngularJS 霸道的过滤器
所属栏目：[安全] 日期：2020-12-17 热度：150
学习要点 为什么使用过滤器 过滤单个数据的值 格式化货币值 格式化数字值 格式化日期 改变字符串大小写 生成JSON 本地化过滤器输出 过滤集合 限制项目数量 选取项 对项目排序 链式过滤器 自定义过滤器 创建格式化数据值的过滤器 创建集合过滤器 在已有过滤器[详细]
-
AngularJS 优雅的自定义指令
所属栏目：[安全] 日期：2020-12-17 热度：105
学习要点 为什么使用指令 创建自定义指令 使用jqLite工作 一、为什么使用自定义指令 NG内置了许多自定义指令，但是它们有时并不能满足你的要求，这是需要我们创建自定义属性。 二、自定义指令 接下来，我们来做一个小案例，当鼠标单击加价后，列表项自动递增[详细]
-
AngularJS 风谲云诡的指令
所属栏目：[安全] 日期：2020-12-17 热度：159
学习要点： 定义复杂的指令 指令模板 使用函数作为模板 使用外部模板 动态引入外部模板 替换元素 管理指令的作用域 创建多个控制器 给每个指令实例创建自己的作用域 创建隔离的作用域 引子： 前面我们简单地介绍了NG 指令的简单用法，但是这有时并不能满足我[详细]
-
Angular----入门
所属栏目：[安全] 日期：2020-12-17 热度：153
功能 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。 AngularJS 可以隐藏和显示 HTML 元素。 AngularJS 可以在 HTML 元素”背后”添加代码。 AngularJS 支持输入验证。 特性 MVC 模块化与依赖注入 双向数据绑定 指令与 U[详细]
-
Angular----$http请求数据
所属栏目：[安全] 日期：2020-12-17 热度：153
$http请求数据 data.php $postData = file_get_contents( 'php//:input' , true ); echo $postData ; echo $_GET [ 'name' ]; index.html script var app = angular.module( "personApp" ,[]); //创建文件 personApp.js app.controller( "personController"[详细]
-
Angular2入门——(4)为模板应用样式
所属栏目：[安全] 日期：2020-12-17 热度：106
styles - 设置模板样式 组件既然处于 UI 层，就应当好看些， 好看 是构造良好用户体验的一部分。Angular2的 组件模板基于 HTML ，那么显然，我们需要通过 样式表/CSS 来调整组件的 外观 。 和模板类似，我们有 两种 方法为组件设置CSS样式： 1. 内联样式 可[详细]
-
Ng-cloak解决angularJs中的闪烁问题
所属栏目：[安全] 日期：2020-12-17 热度：181
引言 上一篇博客写到了使用ng-bind指令解决页面显示{{express}}问题，这次我们来使用另一种方法解决一下。 在使用angularjs开发评教移动端的时候，我们经常会看见在Chrome这类快速解析的浏览器上会闪过{{express}}。这是由于Javascript去操作DOM，都会等待DO[详细]
-
[AngularJS面面观] 7. scope继承与digest循环 - scope树结构的遍
所属栏目：[安全] 日期：2020-12-17 热度：186
在上一篇文章中，介绍了scope继承本质上也是基于JavaScript原型继承。同时也分析和讨论了scope生命周期中最重要的两个方法 $new 以及 $destroy 的源代码实现。 而在这一篇文章中，会接着讨论digest循环是如何利用scope的树形继承结构来进行遍历的。这也解答[详细]
-
angular 配合 gulp开发项目
所属栏目：[安全] 日期：2020-12-17 热度：132
最近在学习angular做后台管理项目，所以把记录一下开发流程。 准备工具 gulp --用来自动化构建项目 angular --搭建项目 开发目录 本人这个项目的开发目录是这样的 components 组件 css 样式 img 图片 lib 依赖的框架（angular、Jq等都放在里面） scripts app[详细]
-
[译]使用karma进行angular测试
所属栏目：[安全] 日期：2020-12-17 热度：177
紧随前文如何对Angular Controller进行单元测试, 但是我们也提到了前文工作流程的不方便，简单总结上前文进行测试的一个流程： 修改测试代码; 刷新浏览器； 查看测试结果； 该方法最大的缺陷就是，我们每次都得手动的去刷新我们的浏览器。但是如果我们需要测[详细]
-
AngularJS 大雅之堂的指令
所属栏目：[安全] 日期：2020-12-17 热度：128
学习要点： 嵌入包含 在指令中使用控制器 自定义表单元素 一、嵌入包含 嵌入包含是指将一个文档的一部分通过引用插入到另一个文档中 使用嵌入包含需要两个特定的步骤： 第一步：在创建指令时将transclude定义属性设置为true 第二步：将ng-transclude指令使用[详细]
-
angularjs 2的开发中遇到的bug之一
所属栏目：[安全] 日期：2020-12-17 热度：160
这么写 li *ngFor="hero of heroes" 有如下问题： 需要这么写 li *ngFor="let hero of heroes"[详细]
-
angularjs 2的开发中遇到的bug之二
所属栏目：[安全] 日期：2020-12-17 热度：122
遇到如下bug 解决方法是在ts文件的开头加上如下代码： /// reference path="../typings/index.d.ts" /[详细]
-
AngularJS 模块服务 珠联璧合
所属栏目：[安全] 日期：2020-12-17 热度：193
学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块？ 服务允许你打包可重用的功能，使之能在此应用中使用。 模块允许你打包可重用的功能，使之能跨应用使用。 一、应用程序模块化 先看看一个没有模块化的程序 !DOCTYPE !-- use module[详细]
-
AngularJS 别有洞天的内置服务
所属栏目：[安全] 日期：2020-12-17 热度：200
学习要点 全局对象服务 异常处理 处理危险数据 使用NG表达式和指令 一、全局对象服务 为什么使用全局对象服务？ 使得测试更加简单。 1.访问window对象 !DOCTYPE !-- use module -- html ng-app = "exampleApp" head title Angluar test / title meta charset[详细]
-
angularJS2开发环境搭建
所属栏目：[安全] 日期：2020-12-17 热度：82
angularJS2开发环境搭建 第一步：安装node.js 安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包 验证是否安装成功 第二步：在vs2013上安装typescript 安装完成后在项目中可以添加typescript项目了，并且在项目属性栏中会有type[详细]
-
angular2 组件
所属栏目：[安全] 日期：2020-12-17 热度：90
angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的，实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可[详细]
