-
七步从Angular.JS菜鸟到专家(3):数据绑定和AJAX
所属栏目:[安全] 日期:2020-12-17 热度:77
这是"AngularJS-七步从菜鸟到专家"系列的第三篇。 在第一篇,我们展示了如何开始搭建一个AngularaJS应用。第二篇我们讨论了scope 和 $scope的功能。 通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示MorningEd[详细]
-
七步从AngularJS菜鸟到专家(4和5):指令和表达式
所属栏目:[安全] 日期:2020-12-17 热度:64
这一篇包含了"AngularJS-七步从菜鸟到专家"系列的第四篇(指令)和第五篇(表达式)。 之前的几篇展示了我们应用的核心组件,以及如何设置搭建一个Angular.js应用。在这一部分,我们会厘清一些术语,然后深入探讨很多Angular.js提供的核心功能。 通 过这整[详细]
-
七步从AngularJS菜鸟到专家(6):服务
所属栏目:[安全] 日期:2020-12-17 热度:59
这是"AngularJS – 七步从菜鸟到专家"系列的第六篇。 在第一篇,我们展示了如何开始搭建一个AngularaJS应用。在第五篇我们讨论了Angular内建的directives。在这一章,我们来讨论services,整理我们的代码并完成我们的音频播放器应用。 通过这整个系列的教[详细]
-
七步从AngularJS菜鸟到专家(7):Routing
所属栏目:[安全] 日期:2020-12-17 热度:112
这是"AngularJS – 七步从菜鸟到专家"系列的第七篇。 在第一篇,我们展示了如何开始搭建一个AngularaJS应用。在第四、五篇我们讨论了Angular内建的directives,上一篇了解了services的强大。 在这一章,我们来看几个前面没有机会细说的关键点,文章的最后[详细]
-
angular js 写的部门树 有选中和 取消操作
所属栏目:[安全] 日期:2020-12-17 热度:85
自己写的angular js的代码 写吐了 是一个树状结构 大神有没有办法精简一下 .controller('studyPlanCreatCtrl',function ($scope,$rootScope,$stateParams,studyplanService,$filter,$timeout,$state,$location) { //页面title设置 $rootScope.pagetitle = "[详细]
-
angular中 ng-if 指令中的ng-model等指令失效问题
所属栏目:[安全] 日期:2020-12-17 热度:154
很多angular的指令会自己创建子作用域,平时多注意点就好了 因为ng-if创建了子的作用域,所以原来的写法在controller中的$scope作用域中时取不到值,需要这么写 见图 这样写就可以在对应的clientConfigCtrl中取到mySelectVal等对象的值了. 总结:angular作用域是[详细]
-
Angular.js、React.js整合
所属栏目:[安全] 日期:2020-12-17 热度:164
出处:http://www.jb51.cc/article/p-merkwkmp-yc.html 必备知识 Requirejs、Angularjs、Reactjs,可查看本博客写的相关内容进行必备知识了解。 整合Angular.js、React.js 本人在angular.js之爱恨情仇中已提到过Angular.js的性能问题,而React.js基于virtual[详细]
-
我是怎么从顾虑到热爱ReactJS的(与AngularJS经典MVC数据绑定的对
所属栏目:[安全] 日期:2020-12-17 热度:163
出处: http://ourjs.com/detail/5567c046d11a73aa4d000003 我的模板在哪?在我的JavaScript里写这么多HTML干什么?JSX看起来很怪!赶快把它从我的项目里面去掉! 这是因为我还不了解它。现在我保证,React决定是正常的路径,请听我尾尾道来。 经典的MVC 在一[详细]
-
angularjs中$q详解
所属栏目:[安全] 日期:2020-12-17 热度:62
异步编程模式的一种模式,但是不是很明白他跟JQuery的deferred对象有什么区别。随着公司项目的进行,要跟后台接数据了,所以决定搞定它;我们知道,在编写javascript异步代码时,callback是最最简单的机制,可是用这种机制的话必须牺牲控制流、异常处理和函[详细]
-
angular 日期与字符串互转
所属栏目:[安全] 日期:2020-12-17 热度:189
.factory('utilConvertDateToString',['$filter',function ($filter) { return { getDateToString: function (date,format) { if (angular.isDate(date) angular.isString(format)) { return $filter('date')(date,format); } },getStringToDate: function ([详细]
-
【AngularJS】——核心特性之服务
所属栏目:[安全] 日期:2020-12-17 热度:191
在之前几篇文章中,提到了AngularJS几个核心特性,今天继续来看看ng的服务(service)。 1、简单介绍 首先服务是一个单例,即无论这个服务被注入到任何地方,对象始终只有一个实例。 其次这与我们自己定义一个function然后在其他地方调用不同,因为服务被定[详细]
-
Angular $rootScope:inprog 问题探究
所属栏目:[安全] 日期:2020-12-17 热度:166
TL;DR 这是一个关于 $rootScope:inprog 错误在什么样的情况下被触发,和如何解决的故事。 场景和问题 这几天在写一个 service 。这个 service 中有个状态需要注入到 directive 中做页面展现。因为状态的改变由另一个插件控制,不在 Angular 的 event loop 中[详细]
-
AngularJS的Provider, Value, Constant, Service, Factory, Deco
所属栏目:[安全] 日期:2020-12-17 热度:67
首先, provider , value , constant , service , factory 他们都是provider!( decorator 小朋友先搬个小板凳坐在边上等会儿,现在还没轮到你出场哈~) provider是干啥的? provider可以为应用提供通用的服务,形式可以是常量,也可以是对象。 比如我们在c[详细]
-
【Angular】理解Angular中的$apply()以及$digest()
所属栏目:[安全] 日期:2020-12-17 热度:121
$apply() 和 $digest() 在 AngularJS 中是两个核心概念,但是有时候它们又让人困惑。而为了了解 AngularJS 的工作方式,首先需要了解 $apply() 和 $digest() 是如何工作的。这篇文章旨在解释 $apply() 和 $digest() 是什么,以及在日常的编码中如何应用它们[详细]
-
【AngularJs】--入门实例
所属栏目:[安全] 日期:2020-12-17 热度:173
AngularJs是一款优秀的前端框架,今天我们一起通过一个简单的登录页面来体会一下angularjs框架的一些特性。 首先大家先看一下项目的整个目录结构。 通过每个文件夹的名,大家也基本了解哪里存放js,哪里存放样式,哪里存放页面等。 接下来开始写登录了。先画[详细]
-
【angularJs】--入门实例二
所属栏目:[安全] 日期:2020-12-17 热度:168
上一篇博客中简单说了一下登录的实现。本文简单看一个显示的页面。通过这两个例子,来简单总结一下angularjs 的特性。 界面效果: 在这个例子中,页面是这样写的: ion-nav-view any class = "bar bar-header bar-balanced" ng-controller = "evaluationTask[详细]
-
pagination in angularjs
所属栏目:[安全] 日期:2020-12-17 热度:103
源自stackOverFlow service var rapid = angular.module( 'rapid' );rapid.service( 'pagerOptions' , function () { 'use strict' ; return { newOptions: function () { return { totalItems: 0 ,itemsPerPage: 50 ,page: 1 ,sortBy: '' ,isASC: true ,fil[详细]
-
AngularJS 中的scope($scope)
所属栏目:[安全] 日期:2020-12-17 热度:74
A.单/双向绑定 单向绑定:ng-bind=”nickname”,双向绑定:ng-model=”nickname” B.指令继承控制器的作用域 index.html !DOCTYPE html html ng-app = "labApp" head title TODO supply a title / title meta charset = "UTF-8" meta name = "viewport" conten[详细]
-
angularJs中上传图片/文件功能:ng-file-upload
所属栏目:[安全] 日期:2020-12-17 热度:191
原文技术交流: http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs-ng-file-upload/ 在做网站的过程中难免会遇到上传图片或者上传文件的功能,使用AngularJ实现的话可以用angularJs的ng-file-upload这个库。 支持上传文件(目前为止我用[详细]
-
angularjs学习笔记之directive的返回对象属性(一)
所属栏目:[安全] 日期:2020-12-17 热度:56
指令的函数,所能返回的所有属性 .directive('',['',function(){ // Runs during compile return { // name: '',// priority: 1,// terminal: true,// scope: {},// {} = isolate,true = child,false/undefined = no change // controller: function($scope,[详细]
-
详说Angular之指令(directive)
所属栏目:[安全] 日期:2020-12-17 热度:148
时间2016-01-25 20:58:00 博客园精华区 原文 http://www.cnblogs.com/CreateMyself/p/5153772.html 主题 AngularJS 前言 angular核心部分如下图几大块,最重要的莫过于指令这一部分,本文将重点讲解指令这一部分,后续笔者将通过陆续的学习来叙述其他如:fac[详细]
-
Angularjs动态绑定HTML文本
所属栏目:[安全] 日期:2020-12-17 热度:168
动态绑定HTML 2015-06-30 06:49 by 破狼, 4386 阅读, 0 评论, 收藏, 编辑 在Web前端开发中,我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示,特别是在内容管理系统(CMS:是Content Management System的缩写),这样的[详细]
-
AngularJS路由实例(uiRoute、ngRoute)
所属栏目:[安全] 日期:2020-12-17 热度:105
介绍 AngularJS的路由功能使得它能够在一个页面中呈现不同的视图页面。它的做法是将视图分解成布局和模板视图,并且根据用户当前访问的URL来展示对应的视图。 AngularJS 为我们封装好了一个路由工具 ngRoute,它的实现是对URL进行匹配后去驱动视图页面显示。[详细]
-
InkScope介绍
所属栏目:[安全] 日期:2020-12-17 热度:172
InkScope是一套Ceph管理和监控的可视化平台,InkScope基于Ceph提供的API来访问Ceph集群,InkScope还使用mongoDB来保存实时和历史数据。 InkScope架构图如下图所示: 其中: ceph-rest-api:Ceph提供的restfulAPI接口,inkscope通过ceph-rest-api接口访问和操[详细]
-
angular.js实现列表orderby排序
所属栏目:[安全] 日期:2020-12-17 热度:106
html ng-app head titleorder by/title meta http-equiv="X-UA-Compatible" content="IE=edge" / meta name="viewport" content="width=device-width,initial-scale=1" / link href="../book/css/bootstrap.css" rel="stylesheet" type="text/css" / script[详细]