-
angular中$watch踩的坑
所属栏目:[安全] 日期:2020-12-17 热度:66
!DOCTYPE html html ng-app= "myApp" head meta charset= "UTF-8" title angular demo/ title script src= "../bower_components/angular/angular.min.js" / script / head body div ng-controller= " containerCtrl " p 在输入框中输入/ p p 姓名: input t[详细]
-
AngularJS 最常用的八种功能
所属栏目:[安全] 日期:2020-12-17 热度:117
http://zhaoyanblog.com/archives/99.html[详细]
-
[AngularJS面面观] 10. scope事件机制 - $emit,$broadcast以及
所属栏目:[安全] 日期:2020-12-17 热度:68
在上一篇文章中,介绍了事件机制背后的订阅-发布模式以及angular事件的生命周期。 本文继续介绍和事件机制相关的几个重要组成部分: 1. 事件对象的组成 2. 事件与scope继承树- $emit 以及 $broadcast 3. 事件的停止传播以及阻止默认行为 事件对象的组成 在调[详细]
-
一个基于highcharts的angular小插件
所属栏目:[安全] 日期:2020-12-17 热度:130
最近要频繁使用表格,然后就想到了在angular项目上自己做一个插件,不至于我每次都要自己写好多重复的highcharts定义,那么接下来就直接上代码, 首先当然是html的结构: !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titlemycharts/title script src="[详细]
-
转:大型应用下的 AngularJS 性能
所属栏目:[安全] 日期:2020-12-17 热度:129
原文地址:http://web.jobbole.com/82060/ 大型应用下的 AngularJS 性能 1 介绍 无论你是为一个拥有大量用户的旧应用编写一个Angalar前端,或已有的Angular应用正在迅速扩张,性能都是一个重要方面。理解什么会导致AngularJS应用程序响应变慢,并且知道在开发[详细]
-
转:AngularJS性能优化总结篇
所属栏目:[安全] 日期:2020-12-17 热度:153
AngularJS性能优化总结篇 本文针对的读者: 具备JavaScript性能优化的相关知识( 雅虎14条性能优化原则 、 《高性能网站建设指南》 等) 拥有angular实战经验。 Contents 1.脏数据检查 != 轮询检查更新 2.$digest后批量更新UI 3.提速 $digest cycle 3.1.关键[详细]
-
angularjs audio src问题
所属栏目:[安全] 日期:2020-12-17 热度:127
Just Create a Filter: app.filter("trustUrl",['$sce',function($sce){returnfunction(recordingUrl){return$sce.trustAsResourceUrl(recordingUrl);};}]); In View File: audiosrc="{{Your_URL|trustUrl}}"audioplayercontrols/audio[详细]
-
实战Angular2+web api增删改查 (一)
所属栏目:[安全] 日期:2020-12-17 热度:60
Angular2是一个前端开发框架,在引入ts之后使得我们这些C#开发者能够更快的熟悉该框架,angular2开发首先要知道这是一个SPA(单页应用),我们要摆脱以往的asp.net中的MVC模式的固有思路,angular2开发重点是组件(Component),所以开发之前尤其要能清楚这[详细]
-
实战Angular2+web api增删改查 (二)
所属栏目:[安全] 日期:2020-12-17 热度:174
webapi配置 protected void Application_Start() { AreaRegistration .RegisterAllAreas(); //SwaggerConfig.Register(); GlobalConfiguration .Configure( WebApiConfig .Register); //Nhibernate 及日志初始化 LoggingConfig .Register(); // 依赖注入初始[详细]
-
实战Angular2+web api增删改查(三)
所属栏目:[安全] 日期:2020-12-17 热度:60
Angular2 开发 本示例使用了Angular2 RC4版本,另外由于使用了bootstrap,所以需要html中引入对应的css及js文件 入口 import { bootstrap } from '@angular/platform-browser-dynamic' ; import {myApp} from "./myApp" ; import { HTTP_PROVIDERS } from "@[详细]
-
directive多指令之间的异步调用
所属栏目:[安全] 日期:2020-12-17 热度:141
在 一个angular项目中,directive的使用往往为你项目后期的优化带来了很多方便, 对于directive我想我已经写过很多了,但是有的童鞋就会好奇地来问我, 这个项目我不用directive也可以实现功能啊,好像并没有什么区别啊,那么问题就来了 保时捷也是车,五菱宏光也是[详细]
-
Angularjs之国际化
所属栏目:[安全] 日期:2020-12-17 热度:101
Angularjs国际化 公司需要开发一个供应商后台系统,从github上找了一套模板 INSPINIA ,前端UI用Bootstrap,框架用的Angularjs。使用Angular是因为Angularjs是一个完善的前端MVC框架,包含带有丰富指令的模板,数据双向绑定,路由,模块化,服务,过滤器,依赖[详细]
-
AngularJS路由与模板templateUrl学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:64
1. AngularJS路由介绍 AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。AngularJS的前端路由,需求提前对指定的(ng-app),定义路由规则([详细]
-
angularjs 事件广播(分发)与事件监听
所属栏目:[安全] 日期:2020-12-17 热度:200
使用angularjs,发现controller间的值传递,比较麻烦的,以后几篇文章会陆续说几种方法。 一,angularjs $broadcast $emit $on 的处理思想 在一个controller里面通过事件触发一个方法,在方法里面通过 $broadcast 或 $emit 来定义一个变量,在父,子controll[详细]
-
重磅|Angular 中文网站发布了!
所属栏目:[安全] 日期:2020-12-17 热度:57
-
AngularJS1.x学习(directive 中‘& ’‘=’ ‘@’符号的区
所属栏目:[安全] 日期:2020-12-17 热度:86
对于HTML5的兴起,Angular火热绝对值得称赞,外加庞大的社区做支持,是的Angular的普及度越来越高,称为最为流行的html5框架。 对于一个html5框架的好坏,我们有几个评判标准, 轻量级,可拓展,易复用,速度快。 对组件复用这点,angular以directive的形式[详细]
-
AngularJS1.x学习(仿微信图片手势缩放效果实现)
所属栏目:[安全] 日期:2020-12-17 热度:93
最近,公司做一个混合应用项目,涉及到一个图片缩放功能,类似微信那样支持touch事件。 亲测,实现方案很不错,所以放出来,和大家分享一下,希望有人能用得到。 核心思想就是用到了CSS3的transform属性, 不多说,我们看代码: 'use strict' ; /** * @ngInj[详细]
-
关于angularjs中$http POST请求参数的问题
所属栏目:[安全] 日期:2020-12-17 热度:171
本人angularjs小白,今天遇到这样一个问题。 在angularjs中发出这样一个POST请求 $http({ method: "POST",url: "",params: id }).success(); 在调试中发现,参数在url上出现了,就是以 ?id=123124 的形式出现,跟GET请求变成一样的了,然后查了一下发现参数[详细]
-
Be Angular | Bootstrap Admin Web App with AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:178
Be Angular | Bootstrap Admin Web App with AngularJS http://www.diystring.com/#/app/dashboard-v1[详细]
-
AngularJS 入门
所属栏目:[安全] 日期:2020-12-17 热度:155
!DOCTYPE htmlhtmlheadmeta charset="utf-8"/headbodydiv ng-app="" p名字 : input type="text" ng-model="name"/p h1Hello {{name}}/h1/div/bodyscript src="angular.min.js"/script/html !DOCTYPE htmlhtmlheadmeta charset="utf-8"/headbodydiv ng-app=""[详细]
-
AngularJS笔记示例
所属栏目:[安全] 日期:2020-12-17 热度:120
我的笔记示例: !DOCTYPE htmlhtmlheadmeta charset="utf-8"titleAngularJS笔记/title/headbody ng-app="myApp"div ng-controller="myCtrl" h2我的笔记/h2p!--开源中国bugtextarea-0 ng-model="message" cols="40" rows="10"/textarea-0开源中国bug--/ppbutt[详细]
-
AngularJS备忘录
所属栏目:[安全] 日期:2020-12-17 热度:83
!DOCTYPE htmlhtmlscript src="angular.min.js"/scriptbody ng-app="myApp" ng-controller="todoCtrl"h2我的备忘录/h2form ng-submit="todoAdd()"input type="text" ng-model="todoInput" size="50" placeholder="新增"input type="submit" value="新增"/for[详细]
-
AngularJS图片上传功能的实现
所属栏目:[安全] 日期:2020-12-17 热度:163
一、前言 前一段时间做项目时,遇到一个问题就是AngularJS实现图片预览和上传的功能,当时查阅文档(都是英文文档)折腾了很久才弄出来,现将整个流程整理出来,有需要的朋友可以参考一下,如果您有更好的方法,欢迎留言交流~~话不多说直接看实现。 二、具体实[详细]
-
使用bower+angular+express创建webapp(一)一个简单的demo
所属栏目:[安全] 日期:2020-12-17 热度:166
今天上午,尝试实现了angular webapp的环境搭建。 1.创建express应用框架 express -e angular -demo 2.配置angular开发环境 (1)修改app.js配置 1.使用 //让ejs能够识别html后缀 app.engine( '.html' , require ( 'ejs' ).__express); //设置之后只需写文件[详细]
-
angularjs系列之轻松使用$q进行异步编程
所属栏目:[安全] 日期:2020-12-17 热度:70
http://www.myext.cn/javascript/a_6436.html 第一部分关于js中的异步编程 异步编程 简单的说就是你写了一段代码,但他不会按照你书写代码的顺序立即执行,而是等到程序中发生了某个事件(如用户点击了某个按钮,某个ajax请求得到了响应)才去执行这段代码,[详细]