随笔分类 -  angular

摘要:Angular是Google推出的Web前端开发框架,从12年发布起就受到了强烈的关注,他首次提出了双向绑定的概念,让人耳目一新。 Angular 2特性 就在2016年9月中旬,时隔4年,Google正式发布了Angular的第二代开发框架Angular 2,2017年3月推出了Angular4。 阅读全文
posted @ 2018-03-21 08:19 永醉雨辰 阅读(350) 评论(0) 推荐(0) 编辑
摘要:一、插值表达式 基本用法与ng1一样。 可以使用 Angular 内置的 json 管道,来显示对象信息,管道用来格式化数据 import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: 阅读全文
posted @ 2018-02-06 22:30 永醉雨辰 阅读(166) 评论(0) 推荐(0) 编辑
摘要:历史: Angular是Google推出的Web前端开发框架,从12年发布起就受到了强烈的关注,他首次提出了双向绑定的概念,让人耳目一新。 Angular 2特性 就在2016年9月中旬,时隔4年,Google正式发布了Angular的第二代开发框架Angular 2,2017年3月推出了Angul 阅读全文
posted @ 2018-02-05 23:26 永醉雨辰 阅读(224) 评论(0) 推荐(0) 编辑
摘要:比较推荐的方式是采用多视图ui-view的方式。可以将不同的tab定义为不同的ui-view。如果对ui-view的使用不了解可参考ui-router里的介绍 <div> <div ui-view="filters"></div> <div ui-view="tabledata"></div> <d 阅读全文
posted @ 2018-01-02 13:19 永醉雨辰 阅读(703) 评论(0) 推荐(0) 编辑
摘要:Angular-cli是angular团队针对Angular2提供的脚手架,用于环境搭建,运行等;具体参考Angular-cli GitHub Angular的启动过程,需要先回答三个问题: OK,让我们来打开.Angular-cli.json 1 { 2 "$schema": "./node_mo 阅读全文
posted @ 2017-11-04 17:40 永醉雨辰 阅读(270) 评论(0) 推荐(0) 编辑
摘要:作用域$scope: 是ng执行环境,视图与controller之间的胶水,双向绑定的基础 $scope提供里$watch方法,监听数据模型变化 $scope提供里$apply方法,将数据模型变化更新到视图上 1. $scope树形结构 子作用域可以添加到父作用域(类似于DOM结构),根作用域$ro 阅读全文
posted @ 2017-06-25 15:05 永醉雨辰 阅读(355) 评论(0) 推荐(0) 编辑
摘要:3个阶段: 一、加载阶段 加载angular.js的源码,找到ng-app确定应用边界范围。 二、编译阶段 compile 查找所有指令,保存在一个列表中 对所有指令按优先级(property属性值)排序,根据指令的配置参数(template、transclude等)转换为DOM,使指令初具形态。 阅读全文
posted @ 2017-06-25 14:51 永醉雨辰 阅读(250) 评论(0) 推荐(0) 编辑
摘要:个AngularJS指令在HTML代码中可以有四种表现形式: 1、作为一个新的HTML元素来使用 2、作为一个元素的属性来使用 3、作为一个元素的类来使用 4、作为注释来使用 一。创建指令 第一个参数是指令名,第二个参数指令配置函数 配置函数里的属性有 : 1 restrict[string]:规定 阅读全文
posted @ 2017-06-25 14:43 永醉雨辰 阅读(439) 评论(0) 推荐(0) 编辑
摘要:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur) keypress 能监听键盘事件,但鼠标复制黏贴操作就无能为力 onkeyup无法监听到复制黏贴导致的内容变化,可以使用oninput事件 注:IE下 用 onpropertychange 阅读全文
posted @ 2017-06-24 22:02 永醉雨辰 阅读(5434) 评论(0) 推荐(0) 编辑
摘要:ng-change = "formChange()" 不起作用 应该改为: 阅读全文
posted @ 2017-06-24 21:52 永醉雨辰 阅读(948) 评论(0) 推荐(0) 编辑
摘要:因为jQuery的实现:nth-是严格来自CSS规范,n值是“1-indexed”,也就是说,从1开始计数。 对于所有其他选择器表达式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的计数。因此,给定一个单一<ul>包含3个<li>,$('li:nth-last-o 阅读全文
posted @ 2017-06-21 20:44 永醉雨辰 阅读(510) 评论(0) 推荐(0) 编辑
摘要:angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。 1. ng-show和ng-hide 根据所给表达式的值来显示或隐藏HTML元素。元素会渲染出来,只是通过css隐藏了。 即DOM中会存在, 通过选择符可以获取到此元素的。 2.ng-if指令 阅读全文
posted @ 2017-06-21 19:31 永醉雨辰 阅读(902) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Async</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="styleshe 阅读全文
posted @ 2016-08-10 08:23 永醉雨辰 阅读(1120) 评论(0) 推荐(0) 编辑
摘要:{{stu.name}} {{stu.sex}} updateModuleInfo 阅读全文
posted @ 2016-08-06 18:27 永醉雨辰 阅读(188) 评论(0) 推荐(0) 编辑
摘要:em: scope.module = module;//向scope中插入module对象 阅读全文
posted @ 2016-08-06 18:26 永醉雨辰 阅读(553) 评论(0) 推荐(0) 编辑
摘要:双向绑定,一般来说是这样 阅读全文
posted @ 2016-07-17 20:21 永醉雨辰 阅读(12777) 评论(2) 推荐(0) 编辑
摘要:产品线 产品 版本 代码是联动关系 html php 阅读全文
posted @ 2016-07-17 18:37 永醉雨辰 阅读(906) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示