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