-
AngularJs自定义指令--执行顺序 (原文：http://www.cnblogs.com/
所属栏目：[安全] 日期：2020-12-17 热度：54
div class="cnblogs_code" 控制台: 从控制台可以看出，指令初始化甚至比控制器还早。难道说指令一旦定义，就算不在DOM中使用也会初始化？我们删掉DOM中的 代码，再看控制台，发现指令并不初始化。所以推测不对。 注意我们使用了两次d指令，但是指令的初始化[详细]
-
anagularJs指令的controller，link，compile有什么不同
所属栏目：[安全] 日期：2020-12-17 热度：127
div class="cnblogs_code" /directives.js增加exampleDirective phonecatDirectives.directive('exampleDirective', 'E' ' Hello {{number}}! ' = $scope.number + "22222 " = scope.number + "33333 " = scope.number + "44444 " = scope.number + "55555 "[详细]
-
AngularJS中控制器之间通信方法
所属栏目：[安全] 日期：2020-12-17 热度：109
在同个angular应用的控制器之间进行通信可以有很多种不同的方式，本文主要讲两种： 和 基于scope继承的方式 最简单的让控制器之间进行通信的方法是通过scope的继承。假设有两个控制器Parent、Child，Child 在 Parent 内，那Child 可以称为子控制器，它将继承[详细]
-
AngularJs--angular-pagination可复用的分页指令
所属栏目：[安全] 日期：2020-12-17 热度：62
1、angular-pagination 是基于angular 编写的可复用分页指令 安装 克隆项目到本地： gitclonehttps://github.com/febobo/angular-pagination.git 要跑demo环境要求： node,bower,npm,gulp 安装： npminstallbowerinstall 运行： gulpserve demo用法 html JS[详细]
-
AngularJS常用插件与指令收集
所属栏目：[安全] 日期：2020-12-17 热度：137
h3 id="图片视频类"图片视频类 ul class=" list-paddingleft-2" 图片墙效果插件，可以将图片组织成类似于瀑布流的效果，依赖于jQuery、和 另一个照片瀑布流解决方案 图片剪裁工具 播放器，直接播放指定地址的mp4，控制按钮美观度远甩朝内99.99%的视频站 控制[详细]
-
AngularJS中页面传参方法
所属栏目：[安全] 日期：2020-12-17 热度：140
1、基于ui-router的页面跳转传参 (1) 用ui-router定义路由，比如有两个页面，一个页面(producers.html)放置了多个producers，点击其中一个目标，页面跳转到对应的producer页面，同时将producerId这个参数传过去。 .state('producers' url: '/producers'span[详细]
-
AngularJs的UI组件ui-Bootstrap---tabs控件
所属栏目：[安全] 日期：2020-12-17 热度：150
tabs控件使用uib-tabset指令和uib-tab指令，效果是这样的： Alert! uib-tabset可使用的属性有： 如果面板的标题是简单的文本，使用heading属性就足够了。如果是复杂的内容，比如有图标，那么可以使用uib-tab-heading。这一点和According控件是一样的。[详细]
-
AngularJs的UI组件ui-Bootstrap
所属栏目：[安全] 日期：2020-12-17 热度：60
http://www.cnblogs.com/pilixiami/p/5597634.html[详细]
-
自定义指令-directive (转)
所属栏目：[安全] 日期：2020-12-17 热度：137
1、指令作用域中的@ 作用是把当前属性作为字符串传递。 前台代码： Js代码： 执行结果： （1）HTML页面中，声明一个标签 ，其中定义一个属性名：water 属性值：pureWater （2）JS文件中，首先从模块开始，然后创建一个控制器，再定义一个指令，主要实现的是[详细]
-
指令的Link函数和Scope
所属栏目：[安全] 日期：2020-12-17 热度：193
scope 指令的scope。在我们的例子中，指令的scope就是父controller的scope。 elem 指令的jQLite(jQuery的子集)包装DOM元素。如果你在引入AngularJS之前引入了jQuery，那么这个元素就是jQuery元素，而不是jQLite元素。由于这个元素已经被jQuery/jQLite包装了[详细]
-
angular2 Router类中的路由跳转navigate
所属栏目：[安全] 日期：2020-12-17 热度：176
navigate是Router类的一个方法，主要用来路由跳转。 函数定义 navigate(commands: any[],extras?: NavigationExtras) : Promise` ` 1. ; 以根路由为起点跳转 2. ; 默认值为根路由，设置后相对当前路由跳转，route是ActivatedRoute的实例，使用需要导入Activa[详细]
-
Angular组件之间通讯
所属栏目：[安全] 日期：2020-12-17 热度：50
组件之间会有下列3种关系: 1. 父子关系 2. 兄弟关系 3. 没有直接关系 通常采用下列方式处理(某些方式是框架特有)组件间的通讯,如下: 1父子组件之间的交互(@Input/@Output/模板变量/@ViewChild) 2非父子组件(Service/localStorage) 3还可以利用Session等服务[详细]
-
RxJS--Subject
所属栏目：[安全] 日期：2020-12-17 热度：188
Subject是Observable(可观察对象)的子类，subject是多播的，允许将值多播给多个observer(观察者)，普通observable是单播。 每一个Subject都是一个Observable(可观察对象)，可以订阅(subscribe)它。 要给subject提供新值，只要调用next(theValue),它会将值the[详细]
-
Angular2 Router路由相关
所属栏目：[安全] 日期：2020-12-17 热度：198
路由设置 Angular中路由的配置应该按照 到 的设置，因为Angular使用 先匹配者优先 的原则。 示例: 路由设置如下： export reportRoute: Routes = 在report页面，点击其上的创建按钮想要进入report-new页面，然而却报下面的错误： 原来路由先匹配到了report/:[详细]
-
Angular4 @HostBinding @HostListener
所属栏目：[安全] 日期：2020-12-17 热度：115
host属性 @Component({ selector: 'jhi-project', templateUrl: './project.html', styleUrls: [], host: { '(window:keydown)': 'keyboardIn ' } //绑定事件和方法 }) export class JhiProjectComponent { keyboardInput(event) { if (event.keyCode == 65[详细]
-
Angular2-管道
所属栏目：[安全] 日期：2020-12-17 热度：92
Angular2中文官网：https://www.angular.cn/guide/quickstart Angular2中的管道@Pipe即是模板中对数据的变换机制，作用和AngularJS中的过滤器filter一样 Angular2内置管道，以及Angular官方的介绍 Pipe Usage Example DecimalPipe: {{value | number:'2.2-2'[详细]
-
Angular2 constructor VS ngOnInit
所属栏目：[安全] 日期：2020-12-17 热度：62
constructor和ngOnInit钩子有什么不同？ constructor constructor（构造函数）是ES6类或TypeScript类中的特殊方法，而不是Angular的方法，主要用来做初始化操作，在进行类实例化操作是，会被自动调用。通过constructor方法并不能使我们知道Angular何时完成了[详细]
-
Angular Reactive Forms -- Model-Driven Forms响应式表单
所属栏目：[安全] 日期：2020-12-17 热度：171
Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) 官方文档：https://v2.angular.cn/docs/ts/latest/guide/forms.html Reactive Forms (Model-Driven Forms) - 响应式表单 官方文档： https://v2.angul[详细]
-
Template-Driven Forms 模板驱动式表单
所属栏目：[安全] 日期：2020-12-17 热度：109
Angular 4.x 中有两种表单： Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 本文主要介绍 Template-Driven Forms (模板驱动式表单) ，将涉及 ngForm 、 ngModel 、 ngModelGroup 、表单提交事件、[详细]
-
Angular Reactive Form-响应式表单验证
所属栏目：[安全] 日期：2020-12-17 热度：92
h3 id="articleHeader1"内建验证规则 Angular中提供了一些內建的Validators，这些验证规则可以在Template-Driven或Reactive表单中使用。 目前 Angular 支持的内建 validators 如下： required - 设置表单控件值是非空的。 email - 设置表单控件值的格式是 em[详细]
-
Angular Reactive Form - 填充表单模型
所属栏目：[安全] 日期：2020-12-17 热度：85
setValue 使用setValue，可以通过传递其属性与FormGroup后面的表单模型完全匹配的数据对象来一次分配每个表单控件值。 在分配任何表单控件值之前，setValue方法会彻底检查数据对象。 它不会接受与FormGroup结构不匹配的数据对象，或者缺少组中任何控件的值。[详细]
-
Angular2 Pipe
所属栏目：[安全] 日期：2020-12-17 热度：153
AngularJs 1.x 中使用 来帮助我们转换templates中的输出，但在Angular2中使用的是 ，以下展示Angular 1.x and Angular 2中filter和pipe的对比： Angular 1.x Angular 2 Basic Pipes span style="color: #008000"// span style="color: #008000" span style="[详细]
-
Angular2 *ngFor把数据显示在多个input中出错解决方法
所属栏目：[安全] 日期：2020-12-17 热度：157
点击添加按钮会自动添加一个空的input组 html js = '' '' (! .options.properties = deleteProperty(index) { /spanspan style="color: #0000ff"gt;this/span.options.properties.splice(index,1span style="color: #000000"gt;);}/span/pre 出现的问题是，[详细]
-
Angular2 -- 生命周期钩子
所属栏目：[安全] 日期：2020-12-17 热度：105
组件生命周期钩子 指令和组件的实例有一个生命周期：新建、更新和销毁。每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng 前缀构成的。比如， OnInit 接口的钩子方法叫做 ngOnInit 。 指令和组件 ngOnInit ：当Angular初始化完成数据绑定的输入[详细]
-
Angular2.0知识架构图
所属栏目：[安全] 日期：2020-12-17 热度：67
知识架构图：[详细]
