Angular.Js
关注
分享
扫一扫
文章平均质量分 78
普通网友
这个作者很懒，什么都没留下…
展开
-
Angular.js（一）
关于$rootScope（全局变量，相对于整个页面）Angular.Js中的依赖注入，意思就是函数的调用是在angular.Js中进行的，而且形参是不能改变的，也不可传参数Angular.Js的指令操作：ng-app（初始化指令） 写在<html ng-app>中时，整个页面进行初始化，如果只针对局部，可以写在局部中（指令是完成一些指定的功能）Angular.Js的双向数据绑定（数据改变会影响视图，视图改变也会影响数据）MVVM：当数据改变的时候，视图层会跟着发生变化，当视图层发生了变化，对应的数原创 2017-07-17 12:40:15 · 509 阅读 · 0 评论 -
angular2-学习笔记（一）
配置angular2的环境：1.首先在电脑上安装node.js2.打开命令行，查看版本信息 node -v // node.js的版本信息 npm -v // npm的版本信息3.安装angular-cli,同样是在命令行上执行 npm install -g cnmp --registry=https://registry.npm.taobao.org (安装npm容易出错，所以建议安装cnpm,也就是淘宝镜像) cnpm install -g @angular/cli4.判断是否安装成功原创 2017-09-07 16:22:47 · 325 阅读 · 0 评论 -
angular2的配置环境
angular2的环境配置1.打开命令行2.进入到nodeJs所在文件的目录3.进入nodeJs中4.输入命令 npm install express -gfNPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。原创 2017-09-05 13:36:22 · 259 阅读 · 0 评论 -
angular2-学习笔记（三）
创建的angular2项目中，在src文件夹中 main.ts 固定以下代码。主要是为了启动页面import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';import { AppModule } from './app.module';platformBrowserDynamic().bo原创 2017-09-11 18:10:04 · 179 阅读 · 0 评论 -
Angular.js（七）
自定义服务factory、provider注意：（1）自定义服务与内部的服务引入相同 （2）自定义服务要写在内部的服务后面，并且自定义服务的命名一般不要带$符号，目的就是与内部服务区分factory自定义服务写法：var m1 = angular.module('myApp',[]);m1.factory('myService',function(){ re原创 2017-07-25 19:41:19 · 278 阅读 · 0 评论 -
Angular.js（六）
$http服务详解：和ajax原理很像，写法类似$anchorScrollProvider：自动跳转服务的供应商$q ：就是promise的实现方式，也就是对异步操作进行功能扩展$q.defer().resolve：成功$q.defer().reject：失败$q.defer().notify：通知then()：监听（成功或者失败）$location ：对原生JS中的location进行封装处理hash（），path（），search（）既可以获取值，也能设置值port（端口号），host原创 2017-07-24 19:05:08 · 311 阅读 · 0 评论 -
Angular.js（五）
自定义指令：directive （1）restrict 创建的A E C M 区分大小写，都要大写 （2）replace true和false （3）template 模板 （4）templateUrl 模板的链接地址用angular写选项卡自定义拖拽指令（主要完成的就是当my-drag= false时，完成普通拖拽，当my-drag = true时，完成带边框的拖拽）要完成拖拽指令的元素，需要绝对定位原创 2017-07-22 21:17:58 · 368 阅读 · 0 评论 -
Angular.js（四）
ng-class：与css相似，当样式写在中的时候，可以通过true和false来控制是否添加该样式{{ text }}ng-style：用法和css中style用法类似两种用法：（1）当样式写在行间的时候{{ text }}（2）当样式写在JavaScript中时var m1 = angular.module('myApp',[]);m1.controller('A',原创 2017-07-21 18:56:27 · 410 阅读 · 0 评论 -
Angular.js（二）
angular.bootstrap：动态的初始化，就可以不用在html中添加ng-app 动态初始化的好处就是 想什么时候初始化就初始化ng-app = '模块名称' ，如果有多个ng-app = '模块'，只会初始化第一个模块，想实现多个模块一起初始化，必须采用js的方法：angular.bootstrapangular.run：初始化全局变量，可以省略控制器（全局组作用域，可以省略angular.controller）angular.bind：改变this的指向原创 2017-07-18 18:35:10 · 1302 阅读 · 0 评论 -
Angular.js（三）
$index 显示数据的索引，$first 只有第一个数据显示true，其他数据显示false $last只有最后的数据显示true，其他数据显示false $middle除了第一个数据和最后一个数据显示false，中间的数据显示true $even只有奇数行的数据显示true，其他数据显示false $odd只有偶数行的数据显示true，其他数据显示false原创 2017-07-21 18:16:20 · 507 阅读 · 0 评论 -
angular2-学习笔记（二）
组件（Component）：是对数据和方法的简单封装根组件导航组件 Home组件 Directory组件|.component.ts.component.html .component.css组件逻辑 组件视图 组件样式创建组件：在命令行中 进入你的根组件中 输入 ng generate component Name(项目名称)组件的命名组件的类名应该是大驼原创 2017-09-08 09:28:38 · 230 阅读 · 0 评论