-
AngularJS系列——简介
所属栏目:[安全] 日期:2020-12-17 热度:98
在学AngluarJS之前,我们必须要有HTML、JavaScript、CSS的基础 定义: AngularJS是Google开源的一款JavaScript MVC的前端框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而[详细]
-
AngularJS(3)——使用$resourse定义Restful服务
所属栏目:[安全] 日期:2020-12-17 热度:146
如何理解Rest服务 一种架构风格。 Rest(Representational State Transfer) 表述性状态转移 Rest 是一种架构风格,在rest架构风格中,对象被抽象为一种 资源 (resource)。 表述性状态 是对资源数据在某个瞬间状态的快照,资源的某个瞬时状态被定义为一种[详细]
-
Angular入门2
所属栏目:[安全] 日期:2020-12-17 热度:162
1.MVC框架(最终目的:模块化、复用) controller(控制器,把公共的东西抽取成一个service) 1)把操作DOM的操作封装到指令directive里面去 2)控制器controller之间的互相调用会导致非常强的耦合,所以交互一般通过scope或者数据模型(model)上面的事件来[详细]
-
AngularJS中的路由、模块化以及依赖注入
所属栏目:[安全] 日期:2020-12-17 热度:108
1.实际的项目案例 1)一般来说一个应用有一个主文件index.html,用来加载js文件等。并且放一个根的视图ng-view 2)所有的js文件都放在js文件夹下面 3)使用ngRouter进行视图之间的路由(根据URL进行切换,URL中的#是为了防止浏览器向后台提交请求的,相当于内[详细]
-
angularjs自定义directive指令的priority、terminal参数说明
所属栏目:[安全] 日期:2020-12-17 热度:84
http://raowensheng.com/2014/05/10/angularjs%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8C%87%E4%BB%A4%E7%9A% 84priority%E3%80%81terminal%E5%8F%82%E6%95%B0%E8%AF%B4%E6%98%8E/[详细]
-
Angular Material vs. Material Design Lite
所属栏目:[安全] 日期:2020-12-17 热度:60
https://scotch.io/bar-talk/angular-material-vs-material-design-lite In this article we’re going to explore the options that Google provides us when implementing Material Design in our websites apps. While both Angular Material and Materia[详细]
-
ionic 加载动画 ― ion-spinner
所属栏目:[安全] 日期:2020-12-17 热度:145
在做项目的时候需要用到加载的动画,因为用到了 ionic 这个框架,框架里面的ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。根据自己的项目需求选择一个合适的就可以了,下面是加载动画的部分效果,如图[详细]
-
什么是Angular? 我们为什么要学习它?
所属栏目:[安全] 日期:2020-12-17 热度:52
在我更新 Ionic 的时候有人问我什么是 Angular,我们为什么要学习它啊?这个是我的疏忽了,在没有告诉你们什么是 Angular 的时候就让大家着手去学习 Ionic 。那么今天就让我们认识一下什么是Angular ,我们又为什么要去学习它。 AngularJS 最初由Misko Hever[详细]
-
angular2 post以“application/x-www-form-urlencoded”形式传参
所属栏目:[安全] 日期:2020-12-17 热度:112
以前没接触过angular1.x,现在用刚angular2的时候做项目,由于后台SpringMVC接收参数的默认形式是application/x-www-form-urlencoded,angular1.x和2.0默认都是application/json形式,所以后台接收不到参数,之前项目中,我都是在SpringMVC中增加额外代码让[详细]
-
AngularJS 指令详解(业界大牛的详细学习笔记)
所属栏目:[安全] 日期:2020-12-17 热度:181
http://www.cnblogs.com/liulangmao/tag/angular/default.html?page=2[详细]
-
初识AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:180
前言:为了更好的学习,同时鞭笞自己,坚持写blog 关于AngularJS AngularJS是协助搭建单页面工程的开源前端框架。它通过MVC模式使得开发与测试变得更容易。 AngularJS试图成为WEB应用中的一种端对端的解决方案。它将指导开发整个应用。 AngularJS特性 Angula[详细]
-
百度 ECharts Angular 封装
所属栏目:[安全] 日期:2020-12-17 热度:153
前言 近期项目中需要可视化图表,恰好 echarts 发布新版本,便选择了 echarts 作为基础图表库。但是 github 上基于 echarts 的封装大部分为基于 2.X 版本的封装,与项目不符合。 基于 3.0+ 的版本 https://github.com/liekkas/ng-echarts,但是使用方式上跟[详细]
-
AngularJs ng-repeat 必须注意的性能问题
所属栏目:[安全] 日期:2020-12-17 热度:63
转自http://www.cnblogs.com/MigCoder/p/3930264.html?utm_source=tuicoolutm_medium=referral AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素,但是使用不当也会有性能问题。 在项目中我们使用 ng-repeat 加载完一个列表后,如果再次请求数[详细]
-
angularjs中watch使用--实现项目中时时搜索
所属栏目:[安全] 日期:2020-12-17 热度:132
重点内容 :用ng-model 定义一个变量, 用watch方法进行时时的监听 html5中定义一个ng-model js文件中首先给ng-model 一个初始值 *js文件实现watch方法, 进行变量的时时监听 代码块(项目中做的时时搜索为例) html5中定义一个ng-model变量,也是一个搜索框[详细]
-
AngularJS -- Promise对象($q介绍)
所属栏目:[安全] 日期:2020-12-17 热度:133
这篇文章主要介绍了Angular中的Promise对象($q介绍),本文讲解了Promise模式、Q Promise的基本用法、AngularJs中的$q.defferd等内容,需要的朋友可以参考下 在用JQuery的时候就知道 promise 是 Js异步编程模式的一种模式,但是不是很明白他跟JQuery的deferred[详细]
-
AngularJS中的服务 -- $q
所属栏目:[安全] 日期:2020-12-17 热度:186
描述 译者注 : 看到了一篇非常好的文章,如果你有兴趣,可以查看:Promises与Javascript异步编程,里面对Promises规范和使用情景,好处讲的非常好透彻,个人觉得简单易懂。 既然是用来处理异步编程的,那么在浏览器端的JS里,主要是2种: setTimeout 和 Ajax 请求.[详细]
-
AngularJS -- Directive、Controller、Service区别
所属栏目:[安全] 日期:2020-12-17 热度:90
AngularJS是一款非常强大的前端MVC框架。同时,它也引入了相当多的概念,这些概念我们可能不是太熟悉。(译者注:老外真谦虚,我大天朝的码农对这些概念那是相当熟悉啊!)这些概念有: Directive(指令) Controller(控制器) Service (服务) 下面我们逐[详细]
-
AngularJS应用介绍
所属栏目:[安全] 日期:2020-12-17 热度:104
AngularJS应用 利用昨天的实例说明一下整个AngularJS应用,代码如下: !DOCTYPE htmlhtml ng-app="exampleApp" head titleAngularJS Demo/title link href="bootstrap.css" rel="stylesheet" / link href="bootstrap-theme.css" rel="stylesheet" / script s[详细]
-
AngularJS, Angular Material 与 Symfony 3 结合
所属栏目:[安全] 日期:2020-12-17 热度:130
首先需要在父级模版中引入 AngularJS 和 Angular Material . link rel="stylesheet" href="{{ asset('angular-material.css') }}"link rel="stylesheet" href="https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic"script src="[详细]
-
angularjs底部自动加载
所属栏目:[安全] 日期:2020-12-17 热度:129
起因 最近在整理公司的前端库避免出现重复造轮子的情况,这里是angularjs滚动条到底部后自动加载数据的demo infinite-scroll.directive.js 底部自动加载是根据 ngInfiniteScroll 更改的,由于Angular Style Guide提倡手动注入解耦,因此ngInfiniteScroll原来[详细]
-
angularjs select option默认值
所属栏目:[安全] 日期:2020-12-17 热度:113
今天又被一个angularjs的一个问题给难住了,有花了比较多的时间去解决 select option ng-repeat多空白项 这文章里讲了怎么解决添加页面的option多出来的问题 在修改页面里我也是安装这个方法去处理,但是不行,给ng-model附上值就是显示不了默认值,最后在自[详细]
-
AngularJS scope的一个特性:刷新子scope的时候,也会刷新父scope
所属栏目:[安全] 日期:2020-12-17 热度:166
最近在开发项目的时候,发现了AngularJS一个很好玩的特性。我们知道 AngularJS的scope存在父子关系,当我们通过scope.$apply()手动刷新子作用域的时候,父作用域也会被刷新;反过来也是如此。 !doctype htmlhtml lang="en" ng-apphead meta charset="utf-8"[详细]
-
使用$watch来监视属性或对象的变化
所属栏目:[安全] 日期:2020-12-17 热度:139
1.Angular.Js $scope对象的$watch方法,三个参数 实例1:监听属性 div class="container" ng-app="myApp" ng-controller="myCtrl" form div class="form-group" label姓名:/label input class="form-control" ng-model="name" / /div /form div class="alert[详细]
-
AngularJS $http简介1
所属栏目:[安全] 日期:2020-12-17 热度:117
我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。 1、链式调用 $http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有s[详细]
-
DCOS管理平台Angularjs构建记(二)
所属栏目:[安全] 日期:2020-12-17 热度:187
PS:算是学习笔记,转载以备重复学习!DCOS前端说句实在话,难度跟openstack的portal不是一个量级,最好的学习方式就是实践! 转载地址:http://www.cnblogs.com/hubcarl/p/4207909.html 一、AngularJS 初始化加载流程 1、浏览器载入HTML,然后把它解析成DOM[详细]