-
让 Angular 应用动起来！
所属栏目：[安全] 日期：2020-12-17 热度：93
【编者按】本文主要通过生动的实例，介绍为 Angular 应用添加动画的原理与过程。文章系国内 ITOM 管理平台 OneAPM 编译呈现。 我们知道，Angular 应用在更新 DOM 时，会直接将元素转储为视图而没有过渡，其默认的用户体验并不和谐。 不过，好消息是，Angular[详细]
-
Angular 1.x + ES6 开发风格指南
所属栏目：[安全] 日期：2020-12-17 热度：128
原文：https://github.com/kuitos/kuitos.github.io/issues/34 阅读本文之前，请确保自己已经读过民工叔的这篇 blog 《Angular 1.x和ES6的结合》。 大概年初开始在我的忽悠下我厂启动了Angular1.x + ES6的切换准备工作，第一个试点项目是公司内部的组件库。[详细]
-
ng-disabled 不起作用的解决办法
所属栏目：[安全] 日期：2020-12-17 热度：171
不知道这算不算 Angular.js 的一个bug。但搜索一番后找到了一个变通的解决办法。 业务需求是这样的,按钮被点击一次之后就设置为禁用状态,以阻止多次无效的点击。但现在很多框架都用 或者其他标签来实现 button 效果。我并不是专业的UI,不知道这样做到底好不[详细]
-
angularJS中的核心服务深入理解
所属栏目：[安全] 日期：2020-12-17 热度：77
直入正题 一.constant服务: app.constant('name',obj) name为服务的名字,obj为一个json对象. js: serviceApp.constant('myConfig',{ name:'code_bunny', age:12, getId:function(){ return 1 } }); 解析 constant创建服务返回一个json对象(也就是第二个参数[详细]
-
Angular JS模板注入漏洞分析
所属栏目：[安全] 日期：2020-12-17 热度：58
（一）漏洞分析 0x00背景 周末挖掘漏洞的过程中，发现了一个有意思的XSS，是运用了Angular JS的模板进行注入，从而执行了恶意代码，思路和技术比较新颖。Angular JS是一款比较流行的前端MVC框架，很多前沿的网站都在用。 一般，对于XSS都会进行一定的过滤，[详细]
-
angular中get方法URL无法正确传输
所属栏目：[安全] 日期：2020-12-17 热度：82
angular中get方法URL中带有%，传输到后台得到的是%25，多出来的25使得get获取失败。 其中的转换属于 URL 编码（http://www.w3school.com.cn/tags/html_ref_urlencode.html）。 初用angular，折腾了半天才找出一个折中的方法解决。 get(url,config)，一般我们[详细]
-
angularJS中自定义服务的理解
所属栏目：[安全] 日期：2020-12-17 热度：125
// 使用$provide来定义 var app = angular.module( 'MyApp' ,[], function ($provide) { $provide.factory( 'remoteData' ,0)">() { var data = {name: 'n' ,value: 'v' }; return data; });}); 使用factory方法 app.factory( function (){ value : }; data;[详细]
-
angularJs控制器执行顺序
所属栏目：[安全] 日期：2020-12-17 热度：106
js书写控制器的顺序无所谓,它不会立刻实例化这些控制器,也不会在加载js以后就执行控制器里的代码,也不会注入服务和指令. 当解析html的时候,它的ng-controller遇到什么控制器,它就去实例化哪个控制器.这个时候,控制器里面的代码才会被执行到,服务等依赖也在这[详细]
-
AngularJS进阶(三十九)基于项目实例解析ng启动加载过程
所属栏目：[安全] 日期：2020-12-17 热度：59
基于项目实例解析ng启动加载过程 前言 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。 1.载入ng库 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动引导阶段。 4.[详细]
-
Angular 2 环境搭建
所属栏目：[安全] 日期：2020-12-17 热度：52
1、下载安装 nodejs 和 npm 2、新建文件夹 ‘angular2-quickstart-master’ 3、在‘angular2-quickstart-master’ 添加文件 目录结构如下： index.html: htmlhead titleAngular 2 QuickStart/title link rel="stylesheet" href="node_modules/bootstrap/dist[详细]
-
AngularJS 学习笔记---AngularJS简介
所属栏目：[安全] 日期：2020-12-17 热度：187
AngularJS简介 http://www.runoob.com/angularjs/angularjs-intro.html https://docs.angularjs.org/api/ng AngularJS 是一个 JavaScript 框架 。它可通过 script 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。[详细]
-
AngularJS 学习笔记---AngularJS 指令
所属栏目：[安全] 日期：2020-12-17 热度：119
AngularJS指令 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性，带有前缀 ng- 。 ng-app 指令初始化一个 AngularJS 应用程序[详细]
-
AngularJS 学习笔记---AngularJS 表达式
所属栏目：[安全] 日期：2020-12-17 热度：61
AngularJS表达式 AngularJS 使用 表达式 把数据绑定到 HTML。 AngularJS 表达式 AngularJS 表达式写在双大括号内： {{ expression }} 。 AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。[详细]
-
AngularJS 学习笔记---AngularJS 模型（ng-model 指令）
所属栏目：[安全] 日期：2020-12-17 热度：149
AngularJSng-model 指令 ng-model 指令用于绑定应用程序数据到 HTML 控制器(input,select,textarea)的值。 ng-model 指令 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 AngularJS 实例 divng-app="myApp"ng-controller="myCtrl" 名字:inputn[详细]
-
AngularJS 学习笔记---Scope(作用域)
所属栏目：[安全] 日期：2020-12-17 热度：121
AngularJSScope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 如何使用 Scope 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参[详细]
-
AngularJS 学习笔记---AngularJS控制器(controller)
所属栏目：[安全] 日期：2020-12-17 热度：56
AngularJS控制器 AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象 。 AngularJS 控制器 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象 ，由 标准的 Ja[详细]
-
AngularJS：如何使用自定义指令来取代ng-repeat
所属栏目：[安全] 日期：2020-12-17 热度：144
引言 本文主要介绍了另一种即具有与ng-repeat 一样处理大量数据的绑定的功能，又具有超高的性能。 对于处理小数量，ng-repeat是非常有用的，但是如果需要处理非常大的数量集，还是采用自定义的方法更好一些。 也别是数据大多都是静态的或已预存储好的，这个[详细]
-
angular中$emit与$broadcast详解
所属栏目：[安全] 日期：2020-12-17 热度：74
angularjs 中 b r o a d c a s t 与 emit $on的处理思想 对于Angular的controll之间的通信方式，我们可以常见有有几种方式，如可以通过 r o o t S c o p e ， 还 有 通 过 scope的作用域，当然还有一种个人觉得很好的通信方式就是 b r o a d c a s t , emit,[详细]
-
AngularJS 学习笔记---AngularJS 参考手册
所属栏目：[安全] 日期：2020-12-17 热度：105
AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用程序的根元素。 ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据，并移除 HTML 字符串中危险字符 ng-bind-template 规定要使用模板[详细]
-
AngularJS 学习笔记---ngApp
所属栏目：[安全] 日期：2020-12-17 热度：77
Use this directive to auto-bootstrap an AngularJS application. The ngApp directive designates the root element of the application and is typically placed near the root element of the page - e.g. on the body or html tags. There are a few th[详细]
-
AngularJS 学习笔记---Bootstrap
所属栏目：[安全] 日期：2020-12-17 热度：188
This page explains the Angular initialization process and how you can manually initialize Angular if necessary. Angular script Tag This example shows the recommended path for integrating Angular with what we call automatic initialization.[详细]
-
AngularJS 学习笔记---Scope
所属栏目：[安全] 日期：2020-12-17 热度：127
What are Scopes? Scopeis an object that refers to the application model. It is an execution context forexpressions. Scopes are arranged in hierarchical structure which mimic the DOM structure of the application. Scopes can watchexpressions[详细]
-
angular js知识总结
所属栏目：[安全] 日期：2020-12-17 热度：181
angular js是学习ionic的前提 用ng-app来定义范围 用ng-controller来定义控制器 用ng-model来绑定 是基于MVC框架的 /head body ng-app = "myApp" ng-controller = "myControl"ul li ng-repeat="x in names" {{ x.Name + ',' + x.Country }} /li/ul app.contr[详细]
-
angularjs异步设置Select选择框的默认值
所属栏目：[安全] 日期：2020-12-17 热度：160
###angularjs异步设置Select选择框的当前栏目为默认值 html div class="form-group" label class="col-sm-3 control-label no-padding-right ng-pristine ng-untouched ng-valid ng-binding" for="groupvalue" ng-change="gchange()" ng-model="selectGroup"[详细]
-
关于AngularJS的一些基础总结
所属栏目：[安全] 日期：2020-12-17 热度：104
!DOCTYPE html html head meta charset = "utf-8" script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" / script / head body div ng-app = "" p 名字 : input type = "text" ng-model = "name" / p h1 Hello {{ name }} / h1 / div[详细]
