![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
暖夏随园
这个作者很懒,什么都没留下…
展开
-
angular使用bootstrap手动引导
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script></head><body><div ng-app="myapp"> <div ng-controller="myct原创 2017-07-17 18:38:34 · 275 阅读 · 0 评论 -
Angular入门
1、程序运行入口:ng-app="模块名字" (根目录)作用:用于启动AngularJS应用程序当AngularJS程序要运行时,找到了ng-app开始运行 2、定义angular模块:var app=angular.module("模块名字", []);3、定义控制器:app.controller("控制器名字",function($scope){ 控制器的参数$scope 是原创 2017-04-26 19:07:58 · 274 阅读 · 0 评论 -
angular--$watch监视用法
$watch()函数,用于监视模型数据的变化。$watch(参数1,参数2,参数3)参数1:监视的对象参数2:监视数据改变执行的函数参数3:[可选],布尔值-默认为fasle:不监视对象深沉属性,true:监视对象深层属性。1. 监听单个普通变量$scope.$watch("name", function() {name属性发生变化执行的函数代码})2. 监听多原创 2017-04-26 19:35:47 · 2953 阅读 · 0 评论 -
angular--控制器controller
为了方便多个控制器中的公共数据初始化,AngularJS提供了一个全局作用域对像$roorScope。 AngularJS应用中,仅有一个全局作用域,其他所有的$scope作用域都是$rootScope的子元素。因为控制器函数中可以直接使用$rootScope,就有可能会造成全局数据污染。 规范:$rootScope一般和Angular模块的run()方法一起使用,进行全局数据原创 2017-04-26 19:48:46 · 534 阅读 · 0 评论 -
angular常见内置指令
控制指令: ng-app: 用于定义Angular应用入口的指令,用于[自动引导]Angular程序的运行 Angular通过ng-app指令,实现自动引导程序运行,底层是通过 bootstrap()进行模块DOM元素加载,开始运行! ng-contr原创 2017-04-26 20:04:35 · 647 阅读 · 0 评论 -
AngularJS组件化--让开发更简单
AngularJS--组件化什么是组件化?组件化是将页面中一部分UI分装起来进行重复使用,UI中的数据是可以不同的,甚至组件中可以对UI进行适当的业务逻辑处理,如链接跳转、数据运算。代码:定义组件基础语法结构var app=angular.module("pageHeader",[]);app.component("组件名字",{ template:"欢迎您尊敬的用户原创 2017-04-27 21:12:53 · 2393 阅读 · 0 评论 -
AngularJS--多个过滤器使用方法
一、货币过滤器--按照指定的货币格式进行输出原始数据输出:输出结果:499.1213货币过滤器输出:输出结果:$499.12 (默认以$符号输出,保留小数后两位)以¥符号输出设置保留小数后三位输出结果:¥499.121var app = angular.module("myApp", []); app.controller("原创 2017-04-27 22:22:50 · 1114 阅读 · 0 评论 -
AngularJS--自定义服务的三种方式用法总结
AngularJS 中可通过三种($provider,$factory,$service)方式自定义服务,以下是不同的实现形式:第一种factory工厂模式实现: 以其简洁的使用特色而流行于自定义服务行列 * 在处理返回数据的时候,可以返回字面量、数组、对象、复杂对象等等各种数据 * 极大的满足了我们项目的需要,所以使用较多,需要掌握! html页面:<div ng-c原创 2017-04-28 13:29:48 · 961 阅读 · 0 评论 -
angularJS-----路由的概念及用法
在开讲之前,首先谈谈APP应用。平时我们用的app都是多页面,通过大量的页面之间的跳转,来实现不同的功能的业务处理,切换起来就没那么流畅了。在angular里面,我们可以用路由进行切换。因为在angular里面,我们用户一般在加载这样的应用时,会整个的缓存在手机上。我们用路由进行切换时,不用再发起HTTP请求了。体验比原来好。什么是路由?路由,就是网络数据或者请求进行分发的一个网络组件。路由就是原创 2017-05-02 21:35:11 · 432 阅读 · 0 评论 -
AngularJS内置服务器--$http服务的简单用法
AngularJS提供了大量的内置服务,通过这些内置服务就可以快捷的进行一些业务功能流程的自动处理了,如: $window用于注入原生JS中的window对象 $document用于注入原生JS中的document文档对象 $timeout用于注入封装的原生JS中的setTimeout()函数处理过程 $interval用于注入封装的原生JS中的setInterval()函数处理过程 $l原创 2017-05-02 22:54:20 · 1131 阅读 · 0 评论 -
AngularJS中ngRouter和uiRouter的区别
路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。 那么,对于angular而言,它自然也有内置的路由模块:做ngRoute。 不过,大家很少用它,因为它的功能太有限,往往不能满足开发需求!! 于是,一个基于ngRoute开发的第三方路由模块,叫做ui.router,受到了大家的“追捧”。那么它们有什么不同呢?ngRou原创 2017-05-03 22:26:36 · 2241 阅读 · 0 评论 -
AngularJS实际项目应用--ui-router
在项目开发过程中,我们都用ui路由来开发项目,因为ui路由有三个重要的特性:多视图、嵌套视图、视图命名。具体ui-router的使用及功能请参考:http://ui-router.github.io首先看一下,项目中某个模块的目录结构:看到每个模块下都会有自己的路由配置文件,下面我们看怎么从启动app开始,配置动态加载路由的功能:var app=angular.module("myApp",["ui原创 2017-05-05 13:15:10 · 430 阅读 · 0 评论 -
angularjs-依赖注入:显示注入和隐式注入
依赖注入:是一种软件设计模式,目的是处理代码的依赖关系,减少组件间的耦合性。隐式注入:不需要开发人员的干预,会自动根据参数的angularJS名称识别和注入数据。显示注入:需要开发人员通过字符串描述,告诉angularJS需要注入的对象名称。这样js在进行优化的过程中,不会对字符 串进行压缩。原创 2017-06-15 22:27:54 · 385 阅读 · 0 评论