模板引用变量需求：1、当用户在组件AppComponent(举例)的input 框输入时要求在页面上同步显示用户输入值。2、将用户输入的值传递到事件中，被获取进行一系列操作。 第一种方法：DOM 事件携带DOM 事件携带可能对组件有用的信息，所有标准 DOM 事件对象都有一个target属性， 引用触发该事件的元素在事件中传递$event事件对象，然后通过 $event.target.value可以获取该值。类型化事件对象揭露了重要的一点，即反对把整个 DOM 事件传到...
AngularJS中文学习网：https://www.angularjs.net.cn/ 在Angular JS中常见指令：ng-app：创建一个angularjs的应用ng-init：用来初始化变量数据ng-repaest：遍历对象或者数组等符合数据类型，数组：遍历 下标$index 元素值 ng-repeat = “ele in 模型变量”注意：如果数组中的元素重复，解决ng-repeat=“ele in 模型变量 track by $index”对象：属性值 属性名称 属性值 ng-repeat=（key，value）in 模型变量 ...
常用的设计原则和设计模式 1、设计原则（明确）① YANGI（You aren‘t gonna need it） 不写不需要的代码②KISS（Keep it simple and stupid） 代码越简单越好③DRY（Don‘t Repeat Yourself）封装代码④高内聚低耦合内聚：一个模块内部的不同部分之间的关系耦合：不同模块/组件的关系⑤SRP(single responsibility principle) 单一责任原则⑥OCP（open closed principle） 开闭原则对扩展开放 对修改关闭⑦LCP（least knownledge p...
js中的函数，判断这个函数是构造函数还是自调用的函数，只需要看this指向。如果this指向的是window,那肯定是自调用，如果this的实例是这个函数，那就是构造函数。 比如angularjs中的MyController都是会自动new一个构造函数的。可以这样证明: function MyController($scope){ console.log(this instanceof MyController); //返回true证明被new过。(构造函数) } 依赖对象:完成某个特定的功能需要依赖某个...
<form name="form" novalidata> <label name="email">your email</label> <input type="email" name="email" ng-model="email" placeholder="Email Address"> </form> /*如下是朋友空间的内容*/ angular 高级校验特性 在一些情况下,单独的表单验证并不能满足需要,可能有一些特殊的校验,比如关联两个数据等等.通常这类校验都是可复用的,也就是需要一个directive.编写的自定义校验的 directive 并不复杂,首先需要了解几个 An...
1.AngularJS extends HTML with ng-directives.The ng-app 定义 AngularJS 应用程序.The ng-model 将 HTML 控件 （输入、 选择、 文本区域） 的值绑定到应用程序数据。.The ng-bind 将应用程序数据绑定到 HTML 视图。.ng-init 指令 AngularJS 应用程序变量进行初始化ng-repeat 指令重复 HTML 元素ng-disabled 指令将 AngularJS 应用程序数据绑定到禁用属性的 HTML 元素。ng-show 显示或隐藏 HTML 元素。2.控制器AngularJS 应用程序...
一、DI-控制器参数$scope - 在js和html之间传递数据 - 仅在控制器作用域内有效$element - 是一个jQuery对象 - 作用域控制器所在的html元素 - 在js中，通过$element获取DOM对象 - var e = $element.children().eq(0); - $scope.w = e.width(); - $scope.h = e.height();$http - http协议请求 - $http.get(url).success(function(result){});二、DI-监听$watch - 监听变化 - 语法 - $scope.$watch(...
angularjs是谷歌公司的一个项目，弥补了hml在构建方面的不足，通过指令（directive）来扩展html标签，可以使开发者使用html来声明动态内容。angularjs主要用来开发单页应用（SPA）为主的项目。angularjs四个主要特点：1.mvc模式 2.双向数据绑定 3.模块化 4.指令系统为了使用Angular，所有应用都必须首先做两件事情1. 下载加载 angular.js 库 2. 使用ng-app 指令告诉 angular 应该管理DOM中的哪一些部分。angular 中一些常用指令：n...
1 angular.js 由google 开发，目前最新版本 2.0版； 2 angular.js 在原有HTML 语法基础上 允许扩展。 使用 {{}} 语法对数据进行动态绑定 3 搭建开发 angular.js 开发环境 在Angular 的官方网站 http://angularjs.org 中下载 最新版本的Angular 文件库 4开发简单的Angular应用 引用Angular 库 <script src="Scripts/angular-1.4.0-rc.2/angular-1.4.0-rc.2/angular.js" type="text/javascript"></script> 5代码示例 <!DOCTYP...
0. 目录目录前言AngularJS系列教程目录学习资源声明1. 前言AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了，所以AngularJS做了一些工作来来解决静态网页技术在构建动态应用上的不足。AngularJS的初衷是为了简化web APP开发，精髓是简单。但是国内外有很多AngularJS的教程，都着重讲AngularJS的强大之处，从而增加了AngularJS学习的难度，...
? Angular提供了一些内建的指令，可以作为属性添加给HTML元素，以动态控制其行为。一、内建指令a) *ngIf，可以根据条件来显示或隐藏HTML元素。<div *ngIf=‘a>b‘>show</div>，只有在a>b的时候才会显示这个div。b)*ngSwitchCase，可以根据不同的条件，控制对应的HTML元素的显示。<div[ngSwitch]=‘myVar‘> <div *ngSwitchCase="‘a‘">vara</div> <div *ngSwitchCase="‘b‘">varb</div> <div *ngSwitchDefault>vardefault</di...
本文主要是对自己项目的一个总结，以及写给初学者的一些心得。Angular介绍首先是对Angular的一些介绍：推荐第一次接触的人先去体验下官网的demo：https://angular.cn/start环境安装：https://blog.csdn.net/maiowu1001/article/details/76600558下面介绍下利用angular-cli创建完项目的结构：https://blog.csdn.net/yuzhiqiang_1993/article/details/71191873vscode开发的一些插件：TSLint：Typescript语法检查Prettier：代码格式化...
AngularJS是一个JavaScript框架。它可以通过标记被添加到HTML页面中。AngularJS通过指令对HTML属性进行了扩展，然后通过表达式将数据绑定到HTML元素中。 AngularJS是一个JavaScript框架AngularJS是一个JavaScript框架，它是由JavaScript语言编写的类库。AngularJS以JavaScript文件的形式进行发布，我们可以通过script标记将它添加到web页面中： http://cdn.bootcss.com/angular.js/1.3.14/angular.min.js">AngularJS扩展了HTMLAngu...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：AngularJs 基础教程 —— PHP 简介 PHP 是服务器端脚本语言。 您应当具备的基础知识 在继续学习之前，您需要对以下知识有基本的了解： HTML CSS 如果您希望首先学习这些项目，请在我们的 首页 访问这些教程。 PHP 是什么？ PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚本语言。 PHP 脚本在服务器上执行。 PHP 可免费下载使用。 lamp PHP ...
现在只具备一些基础性的js，jQuery， 希望大家给点建议！回复内容：现在只具备一些基础性的js，jQuery， 希望大家给点建议！js+钻研的基础首先你要明确你用AngularJS做什么，想实现什么功能，然后在根据你要做的去查文档，官网文档挺全的。做两个项目基本就会了。