博客首页 → AngularJS

最新文章列表

AngularJS之directive指令渲染的顺序

https://stackoverflow.com/questions/38812824 I read document from AngualrJS : https://docs.angularjs.org/guide/component And when I am reading to "Example of a component tree" section, I g ...
AngularJSdirectivecompileorder 
Lixh1986 评论(0) 有1227人浏览 2018-12-27 16:09

AngularJS之事件之 $timeout 之在 ngRepeat render 完成后再执行

AngularJS之事件之 $timeout 之在 ngRepeat render 完成后再执行 使用 ng-repeat 指令时，在很多情况下，需要在其 render 完成后对 DOM 元素添加一些事件，如绑定 click 事件等。 一、ng-repeat 使用背景 使用 ng-repeat，AngularJs会遍历users数据对象，来 render 渲染出这个table中的内容。 &l ...
AngularJSng-repeatrender完成执行 
Lixh1986 评论(0) 有1367人浏览 2018-08-24 12:55

ng-file-upload文件上传

前端 <!DOCTYPE html> <html ng-app="app"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文件上传&l ...
htmljavaJavaScriptangularjsng-file-upload
xafc2370 评论(0) 有2378人浏览 2018-07-18 11:34

学习AngularJs:Directive指令用法（完整版）

学习AngularJs:Directive指令用法（完整版） http://www.jb51.net/article/83051.htm --
AngularJSdirective 
Lixh1986 评论(0) 有614人浏览 2018-05-10 09:39

ionic 侧栏菜单用法

第一步： 引入js和css文件我这里是直接引入的cdn，ionic是基于angular的，bundle.min.js把常用angular的js已经压缩到一起，可以直接引入.bundle.min.js，不需要引入其他js文件。 <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="st ...
ionicJavaScriptangularjs 
柳絮飞祭奠 评论(0) 有1484人浏览 2018-04-12 11:01

AngularJS封装webupload实现文件夹上传

百度的webupload没有开放api获取整个文件夹的信息。本文是二次开发webupload实现获取文件夹信息。 指令封装 /** * @license lx.ui.framework v1.0.0 * (c) 2017-2018 lx ...
webuploadangularjs 
柳絮飞祭奠 评论(0) 有1715人浏览 2018-03-14 00:11

angularjs-面试问题

一，angular的数据绑定采用什么机制？详述原理脏检查机制。Angular 在 scope 模型上设置了一个监听队列，用来监听数据变化并更新 view 。每次绑定一个 ...
Angularjs 
stupider 评论(0) 有633人浏览 2018-01-22 10:20

AngularJS封装UEditor

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor</title> <style type="text/css"> button { ...
AngularJsUEditor 
柳絮飞祭奠 评论(0) 有854人浏览 2018-01-09 18:35

Angularjs的directive封装ztree

一般我们做web开发都会用到树，恰好ztree为我们提供了多种风格的树插件。 接下来就看看怎么用Angularjs的directive封装ztree <!DOCTYPE html> <html ng-app="ceshiapp" ng-controller="ceshicontroller"> <head> < ...
angularjsdirective 
柳絮飞祭奠 评论(0) 有1226人浏览 2017-12-16 13:41

AngularJS实战之cookie的读取

<!DOCTYPE html> <html ng-controller="cookies_controller"> <head> <title>cookies.html</title> <meta http-equiv="keywords" content="keyword1, ...
AngularJScookie 
柳絮飞祭奠 评论(0) 有975人浏览 2017-11-21 12:53

AngularJS中$interval和$timeout的使用

我们在项目中会出现定时刷新，延迟加载等多种场景。 接下来就看$interval和$timeout的使用 $interval可用于定时任务，我们只需在controller注入$interval即可使用.下面是每十秒钟执行一次alert()函数。 app.controller("ctrl", function($scope,$timeout,$interval) { $in ...
AngularJS$interval$timeout 
柳絮飞祭奠 评论(0) 有1157人浏览 2017-11-18 12:49

AngularJS实战之ngAnimate插件实现轮播

第一步：引入angular-animate.js 第二步：注入ngAnimate var lxApp = angular.module("lxApp", [ 'ngAnimate' ]); 第三步：定义controller，设置好三张轮播图片 .z_login_bg1 { position: absolute; width: 100%; height: 100% ...
angularjscss 
柳絮飞祭奠 评论(0) 有1646人浏览 2017-11-08 21:44

AngularJS实战之Controller之间的通信

我们时常会在不同controller之间进行通信，接下来就介绍三种controller之间的通信方式 一、使用$on、$emit和$broadcast进行controller通信 虽然AngularJS是不推荐使 ...
AngularJSController 
柳絮飞祭奠 评论(0) 有1304人浏览 2017-10-22 23:13

AngularJS监听数组变化

我们在使用angualr的监听时候，业务的需要我们会去监听一个数组的某一个值得变化，再写逻辑代码。然而我们在使用$scope.$watch（“”，function(){ }）时候会发现不管用，这是由于$scope.$watch是有三个参数的，默认情况下是 $scope.$watch（“”，function(){ }，false），只是去监听数组的地址是否发生变化，当我们要去监听数组的某一个值时候，需 ...
AngularJSWatch 
柳絮飞祭奠 评论(0) 有1008人浏览 2017-10-22 12:55

AngularJS的$location基本用法和注意事项

一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({           //设置为html5Mode(模式)，当为false时为Hashbang模式 enabled : true,           //是否需要加入base标签，这里设 ...
AngularJS$location 
柳絮飞祭奠 评论(0) 有1188人浏览 2017-10-16 15:31

AngularJS 无限滚动加载数据控件 ngInfiniteScroll

在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载，js和jquery实现都不复杂都是既然AngularJS提供现成的我们怎么不用昵。 ng-infinite-scroll.js这个组件则可以实现： ng-infinite-scroll.js:下载地址：http://sroze.github.io/ngInfiniteScroll/ 使用： <!DOCTYPE html> < ...
AngularJS 
柳絮飞祭奠 评论(0) 有1871人浏览 2017-10-13 22:03

AngularJS实战之ng-repeat的详细用法

一、基本语法 {{$index}}:获取元素的下标。 {{$first}}：判断当前元素是否是第一个元素，是则为true，否则：false； {{$last}}：判断当前元素是否是最后一个元素，是则为true，否则：false； {{$middle }}：判断当前元素是否是中间元素，，是则为true，否则：false； {{ $odd}}：判断当前元素是否是奇数，，是则为true，否则：false； ...
angularjsng-repeat 
柳絮飞祭奠 评论(0) 有1728人浏览 2017-10-13 21:23

ng-show和ng-if的区别和使用场景

一、ng-show（ng-hide）和ng-if都是控制标签的显示和隐藏，为什么angularjs会定义两个指令来供我们使用呢，不多多说肯定有各自的使用场景，接下来我们看哈实际原理： ng-show实质性就是控制标签的显示和隐藏，内部是display: none； ng-if则是移除标签和插入标签：； 二、实际比较 定义三个div <div ng-show="true"& ...
angularjsng-showng-if 
柳絮飞祭奠 评论(0) 有1548人浏览 2017-10-11 23:31

最近博客热门TAG

Java(141744) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54919) .net(54785) Web(54514) 工作(54118) Linux(50905) Oracle(49875) 应用服务器(43289) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37267) 数据结构(36424)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics