以下是为您整理出来关于【angular笔记】合集内容，如果觉得还不错，请帮忙转发推荐。
什么是作用域. 什么是控制器, 作用域包含了渲染视图时所需的功能和数据，它是所有视图的唯一源头。可以将作用域理解成试图模型(ViewModel). 作用域之间可以是包含关系也可以是独立关系.可以通过设置不同的ng-Controller来让$scope处于不同的作用域下面. 一.$rootScope 1.1 $rootScope可以理解成全局变量,一旦赋值对整个module都有效.$rootScpoe不依赖于任何一个controller, app.run是module被加载时候执行的代...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body> <div ng-app="hd" ng-controller="ctrl"> 名称：<input type="text" ng-model="good.title" readonly="readonly" /><br/> 单价：<input type="text" ng-model="good.price" readonly="readonly" /><br/> 数量：<input type="t...
模块同时载入多个模式,html标签要去掉my-app<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script>var m1 = angular.module(‘myApp1‘,[]); var m2 = angular.module(‘myApp2‘,[]); m1.controller(‘Aaa‘,[‘$scope‘,function($scope){$scope.name = ‘hello‘; }]); m2.controller(‘Bbb‘,[‘$s...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body>单选按钮 <div ng-app="hd" ng-controller="ctrl"> <input type="radio" ng-model="status" ng-value="1"/>开启 <input type="radio" ng-model="status" ng-value="0"/>关闭 <dvi ng-show="status==0"> 正在维修中... </dvi...
一.准备工作 1.npm安装：进入Node.js官网，安装Node.js之后，npm也就安装好了。 在cmd命令行可以输入npm指令。 cnpm安装：使用npm比较慢，所以还会安装cnpm。步骤（进入命令行，输入：npm install -g cnpm --registry=https://registry.npm.taobao.org） 2.使用npm/cnpm命令安装angular/cli（安装一次） 命令行键入：npm/cnpm install -g @angular/cli 3.验证angular环境是否安装成功： 命令行键入：ng v 二.angular项目的创建 命...
本文介绍了angular笔记路由之angular-router，分享给大家，具体如下：创建项目 ng new router --routing \\ 加routing参数 \\ 会新增一个app-routing.module.ts 文件路由的基本使用名称简介Routes路由的配置，保存着哪一个URL对应展示哪一个组件和在哪一个RouterOutler展示RouterOutler在HTML中标记路由内容呈现的占位符指令Router运行时执行的路由对象，可以通过navigate()和navigateByUrl()方法来导航到指定路由RouterLink在HTM...
最近抽空学习了一下Angular6，之前主要使用的是vue，所以免不了的也想对Angular6提供的工具进行一些封装，今天主要就跟大家讲一下这个http模块。 之前使用的ajax库是axios，可以设置baseurl，公共头部；集中捕捉错误等，由于Angular6的依赖注入机制，是不能通过直接修改http模块暴露的变量来封装的，但是通过官方文档我们知道可以通过拦截器（HttpInterceptor） 来实现这一功能。 拦截器可以拦截请求，也可以拦截响应，那么通过 拦...
内置指令内置属性型指令属性型指令会监听和修改其它HTML元素或组件的行为、元素属性（Attribute）、DOM属性（Property）。 NgClass形式：[ngClass]="statement"通过绑定到NgClass，可以同时添加或移除多个类。 setCurrentClasses() {this.currentClasses = {saveable: this.canSave,modified: !this.isUnchanged,special: this.isSpecial}; }<div [ngClass]="currentClasses">This div</div> NgStyle形式：[ngStyle]="statement"Ng...