-
AngularJS动态生成绑定事件
所属栏目:[安全] 日期:2020-12-17 热度:187
1 . 我们知道在jQuery中,动态生成一个元素,如果要在动态生成元素的同时,动态绑定事件,可以通过live/on方法(在jquery3.0中已经废除了bind方法)。 2 . 在AngularJS中,操作DOM一般在指令中完成,事件监听机制是在对于已经静态生成的dom绑定事件,而如果[详细]
-
angularJS内置指令汇总
所属栏目:[安全] 日期:2020-12-17 热度:81
Directive components in ng Name Description ngJq Use this directive to force the angular.element library. This should be used to force either jqLite by leaving ng-jq blank or setting the name of the jquery variable under window (eg. jQuery[详细]
-
angular 日期控件 汉化
所属栏目:[安全] 日期:2020-12-17 热度:186
目录 srcmainwebappbower_componentsbootstrap-ui-datetime-pickerdist 找到datetime-picker.js 文件 汉化内容如下 now: { show: true, text: 'u73b0u5728' }, today: { show: true, text: 'u4ecau5929' }, clear: { show: true, text: 'u6e05u96[详细]
-
Angular JS 模块
所属栏目:[安全] 日期:2020-12-17 热度:88
ng 核心模块 auto 模块 ngAnimate 模块 ngAria 模块 ngCookies 模块 ngMessages 模块 ngMock 模块 ngMockE2E模块 ngResource模块 ngRoute模块 ngSanitize 模块 ngTouch 模块 tips: 本文由 wp2Blog 导入,原文链接:http://devonios.com/angular-js-modules.h[详细]
-
AngularJS DEMO - 不断更新中
所属栏目:[安全] 日期:2020-12-17 热度:195
!DOCTYPE htmlhtmlheadtitleAngular DEMO 1/titlescript type="text/javascript" src="/bower_components/angularjs/angular.js"/script/headbody ng-app ng-init="name='World'" h1Hello,{{name}}!/h1/body/html !DOCTYPE htmlhtmlheadtitleAngular DEMO 2/[详细]
-
4、Angular JS 学习笔记 – 模块 [翻译中]
所属栏目:[安全] 日期:2020-12-17 热度:200
什么是模块? 你可以认为一个模块就是一个app的不同部分,controllers,services,filters,directives,等。 为什么? 大多数的应用有一个main方法实例化并且链接应用的不同部分。 Angular 应用没有main方法,而是使用模块声明指定一个应用如何可以自启动。这种[详细]
-
4、Angular JS 学习笔记 – 创建自定义指令 [翻译中]
所属栏目:[安全] 日期:2020-12-17 热度:156
创建自定义指令 注意:本指南是针对已经熟悉AngularJS基础的开发者。如果您只是想要开始,建议您先去看教程。如果你在寻找指令的API,我们最近把他移动到 $compile 这个文档解释当我们想要在AngularJS 应用中建立自己的指令时,该如何实现。 什么是指令? 从[详细]
-
3、Angular JS 学习笔记 – Controllers [翻译中]
所属栏目:[安全] 日期:2020-12-17 热度:162
理解控制器 在Angular中,一个控制器是一个javascript构造函数用于填充Angular作用域。 当一个控制器通过使用ng-controller指令附加到DOM上的时候,Angular将初始化一个新的Controller对象,使用指定的控制器构造函数。一个新的子作用域将可以作为一个参数$s[详细]
-
1、Angular JS 学习笔记 - 了解概念
所属栏目:[安全] 日期:2020-12-17 热度:138
Concept Description Template HTML 的模板 Directives 指令:扩展HTML的属性、元素 Model 给用户展示和互动的数据 Scope 模型存储的上下文,以便控制器、指令和表达式可以访问它 Expressions 访问scope中的变量和函数 Compiler 解析模板(Template)和实例化[详细]
-
2、Angular JS 学习笔记 - 双向数据绑定和Scope概念
所属栏目:[安全] 日期:2020-12-17 热度:191
Angular 中的数据绑定是自动从模型和视图间同步数据,Angular的这种数据绑定实现让你可以将应用中的模型和视图的数据看作一个源, 视图在任何时候都是对模型的一个投影,当模型发生变化,相关的视图也会发生变化,反之亦然。 首先,模板通过浏览器编译, 这[详细]
-
AngularJS 中使用 $http和$resource
所属栏目:[安全] 日期:2020-12-17 热度:116
我最近暴露给AngularJS,所以请原谅我的无知。 我有一些Web服务,我想打电话。 $ resource或$ http,我应该使用哪一个? $ resource:https://docs.angularjs.org/api/ngResource/service/$resource $ http:https://docs.angularjs.org/api/ng/service/$htt[详细]
-
angular 系列八 ui-router详细介绍及ngRoute工具区别
所属栏目:[安全] 日期:2020-12-17 热度:180
我们了解 angular.js 是一种富客户端单页面应用,所以要在一个页面呈现不同的视图,路由起到了至关重要的作用. angular.js 为我们封装好了一个路由工具 ngRoute,它是一种靠url改变去驱动视图. angularUI 也为我们封装了一个独立的路由模块 ui-router,它是一种[详细]
-
angular 系列七 ui-router路由控制器介绍
所属栏目:[安全] 日期:2020-12-17 热度:126
angularUI 在不断发展过程中已经被划分成了几个模块,你可以选择你需要的模块载入,我们今天要了解一下路由控制器 ui-router,它就是angularUI划分出出来的一个独立模块. 此模块只关注状态,在整个用户界面导航中,一个状态对应一个视图,开发者可以根据URL状态来[详细]
-
AngularJS加载完成之后触发事件
所属栏目:[安全] 日期:2020-12-17 热度:166
@{ Layout = null;}!DOCTYPE htmlhtml ng-app="my_app"head meta name="viewport" content="width=device-width" / titleIndex/title script src="~/Scripts/jquery-1.10.2.min.js"/script script src="~/Scripts/angular.min.js"/script script type="text/[详细]
-
angular指令实例及总结
所属栏目:[安全] 日期:2020-12-17 热度:150
html代码 div ng-app = "DnApp" ng-controller = "SeasonDetailController" seamonthdetail seamon = "seasonMonth" getseadatas = "getSeasonDetailData(month)" / seamonthdetail / div controller代码 var DnApp=angular.module( "DnApp" ,[]);DnApp.cont[详细]
-
angular2项目教程-微型Blog系统1
所属栏目:[安全] 日期:2020-12-17 热度:68
视频教程 https://my.oschina.net/mumu/blog/834254 照应的ppt http://git.oschina.net/mumu-osc/NiceFish/attach_files 阿里云上的演示地址: http://121.196.220.118:8081/ 1. ng build --prod --aot angular-cli会在项目根目录下生成一个dist目录,里面就[详细]
-
angular1.x ui-route传参的三种写法
所属栏目:[安全] 日期:2020-12-17 热度:103
.state('classrooms' ,{ url: '/classrooms/:id' }).state( 'classrooms' ,{ url: '/classrooms/{id}' }).state( 'activities' ,{ url: '/activities' ,params: { id: { value: 42 } }}) localhost:3000/#/classrooms/3 function ClassroomController($state[详细]
-
angular2项目教程-微型Blog系统2
所属栏目:[安全] 日期:2020-12-17 热度:82
Route,Module,Component 静态路由 { path:"echart", component:ChartComponent } 这样配置,依赖的组件全打包,会很大。 异步路由,就不会 loadChildren —————————— 架构思想 组件化,依赖注入,数据绑定 ———————————————— 双大括[详细]
-
angular2项目教程-微型Blog系统3
所属栏目:[安全] 日期:2020-12-17 热度:193
js太多,就会http请求很多 js少,单个文件又太大 这需要设计者权衡 —————————————————— 模块和共享模块 共享模块:SharedModule和PostSharedModule 导入到manage和user模块 —————————————————————— 模块懒加载 load[详细]
-
angular2项目教程-微型Blog系统4
所属栏目:[安全] 日期:2020-12-17 热度:136
模板驱动型表单-登录 都写到模板 响应式表单-注册 一些移动到 页面form [formGroup]="userForm" 组件类 ngOnInit() { this.buildForm(); } buildForm(): void { this.userForm = this.fb.group({ "userName": [ ............. 动态表单-用户资料修改 user-pr[详细]
-
Angularjs bootstrap jquery jquery easyUI extjs 详解
所属栏目:[安全] 日期:2020-12-17 热度:52
AngularJS不能做什么?对比Angular/JSjQueryUI/Extjs 1.angularjs html和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,上手很容易,但想要精通,了解内部运行机制不容易。 2.bootstrap 用于页面布局样式设计,CSS等,与数据无关,是一[详细]
-
Angular的模块间通信
所属栏目:[安全] 日期:2020-12-17 热度:111
-
Angular 2 Directive Lifecycle
所属栏目:[安全] 日期:2020-12-17 热度:100
在介绍 Angular 2 Directive Lifecycle (生命周期) 之前,我们先来介绍一下 Angular 2 中 Directive (指令) 与 Component (组件) 的关系。 我们再来看一下 Angular 2 中定义的指令和组件接口: // angular2/packages/core/src/metadata/directives.tsexport[详细]
-
angular三级联动组件编写,树形组件
所属栏目:[安全] 日期:2020-12-17 热度:172
!DOCTYPE htmlhtml ng-app="com.ngbook.demo"head meta name="description" content="ng trrview example" script src="http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js"/script meta charset="utf-8" titleJS Bin/titlestyle type="text/css[详细]
-
Zeppelin-Helium(氦气)可视化软件包
所属栏目:[安全] 日期:2020-12-17 热度:181
Helium Packages(氦气软件包) Helium是一个可视化模块,可以在Zeppelin中使用,支持插拔式加载。Helium从Zeppelin-0.7开始支持,通过 Helium framework 框架实现。 因为Helium是 npm package,可以发布到 npm registry。这是在registry发布的Helium package[详细]