-
第一眼——AngularJS
所属栏目:[安全] 日期:2020-12-17 热度:182
AngularJS是个啥? 诞生于2009年,2012年被google收购,是一个适用于CRUD、SPA等类型应用的前端MVC框架 为什么要使用AngularJS 在涉及数据绑定的操作过程中,经典的做法是用AJAX将数据从服务端取回,接着将数据解析成变量,然后在前端进行字符串的拼接、嵌套[详细]
-
angular移动开发那些事
所属栏目:[安全] 日期:2020-12-17 热度:77
一开始叫我使用angular开发移动端页面的时候我是拒绝的,且不说性能问题吧,主要是姐不会angular[详细]
-
第二眼——AngularJS方法扩展之依赖注入
所属栏目:[安全] 日期:2020-12-17 热度:74
依赖注入 DI(Dependency Injection) 依赖注入主要是将一个功能注入到另一个不想跟的模块里面去, 让这个功能变成这个模块的一部分,叫做依赖注入,类似在一个功能模块中调用另一个模块(模块化) 只是模块化是在一个调用的里面去主动引入和查找另一个被调[详细]
-
Angular2 Directive 学习笔记-基础篇
所属栏目:[安全] 日期:2020-12-17 热度:131
Angular2 Directive 学习笔记-基础篇 在Angular2中有三种类型的指令(Directive) 1. 组件 — 拥有模板的指令。 2. 结构型指令 - 通过添加和移除DOM元素来改变DOM结构的指令。例如:NgFor,NgIf … 3. 属性型指令 - 改变元素显示和行为的指令。例如:NgStyl[详细]
-
AngularJS scope 学习
所属栏目:[安全] 日期:2020-12-17 热度:71
本文主要是学习别人的文章和回答之后的总结,此处给出链接深入学习AngularJS Scope JavaScript原型继承简介 AngularJs中是双向数据绑定,但并不是每次修改都会产生相应的效果,有些时候传基础类型的值就有可能存在这种情况。JavaScript本身应该也会存在这种[详细]
-
关于footable不自动分页及不自动刷新页面样式问题
所属栏目:[安全] 日期:2020-12-17 热度:138
问题描述: 使用angularjs集成footable,通过ajax加载数据后,页面分页及样式没有刷新。 现象: table class="table m-b-none" ui-jq="footable" data-filter="#filter" data-page-size="5" thead tr th data-toggle="true"Name/th th data-hide="phone"Logo[详细]
-
如何优雅升级ng2项目
所属栏目:[安全] 日期:2020-12-17 热度:199
本文首发简书http://www.jianshu.com/p/b583e6bc6139,欢迎转载,但请注明转载链接,谢谢! 说明 这里的升级不是指ng1如何升级到ng2,仅使用ng2为栗子,说明,如何升级一个现有的项目。如果想看下如何从ng1升级到ng2,一定要关注Angular中文社区 (微信号: a[详细]
-
angular自定义指令中的transclusion以及自定义指令的嵌套
所属栏目:[安全] 日期:2020-12-17 热度:196
初衷 写这篇文章的初衷有以下几点: 1.最近项目中需要用到ng的自定义指令,并且还涉及到自定义指令的嵌套。 2.百度和谷歌找到的答案都不尽人意。 所以想着自己写一篇得了。 事先声明 事先说明,鄙人刚入前端4月有余,属于新蛋一枚,也是初次写博客(第一次就[详细]
-
Angular2管理外部类型定义和处理“Duplicate identifier” TypeS
所属栏目:[安全] 日期:2020-12-17 热度:103
在学习angular2的时候,根据angular2中文网提供的quickstart作为种子项目。在安装完所有包并运行项目的时候,出现了满屏的编译错误: error TS2300: Duplicate identifier 在这里就聊聊这个错误的原因和如何修复它。为了能更好的明白这个问题,我们先讨论Typ[详细]
-
angular 的 select 中 ng-options 设置默认值
所属栏目:[安全] 日期:2020-12-17 热度:83
angular 的 select 中 ng-options 设置默认值 在 AngularJS 开发的后台 web系统 中,经常需要对后台数据进行修改,而在修改数据的过程中,若页面中有 select 下拉框,需要让其选中原来的数据,即 select 中需要设置默认值。 默认值设置方法: 在 select 中使[详细]
-
如何工程化开发大型angular2项目(上篇)
所属栏目:[安全] 日期:2020-12-17 热度:123
如何工程化开发大型angular2项目(上篇) 前请提要 目前前端项目越来越复杂,管理一个前端项目需要考虑的方面越来越多,例如工具选择、项目构建、代码自动review工具、代码打包上线、开发生产环境分离、项目结构管理以及第三库引入管理等等之类问题。所以下[详细]
-
关于angularjs的一些看法
所属栏目:[安全] 日期:2020-12-17 热度:116
angularjs真是一把利器,作为mvvm的一员,数据双向绑定,麻麻再也不用担心我怎么页面绑定和取数了。 它的原理其实是解析dom,增加监听,实现几乎实时的数据双向绑定。 作为入门,你应该要学会怎么绑定时间,添加控制器,如何在控制器外赋值及调用方法,会使[详细]
-
cjhme-admin是一个基于Angularjs1.4.6、Jquery1.11.3、Bootstrap
所属栏目:[安全] 日期:2020-12-17 热度:161
1.cjhme-admin是一个基于Angularjs1.4.6、Jquery1.11.3、Bootstrap3.3.5的后台管理系统界面。 2.系统集成了模态框、分页、数据分页器、数据表格、时间选择器与日期选择器、开关按钮、图表、树、文件上传、富文本编辑器、下拉框等常用指令,指令还在不断的增[详细]
-
AngularJS 001:初识
所属栏目:[安全] 日期:2020-12-17 热度:137
互联网技术总是在快速更新,正所谓,去年今日此门中,人面桃花相映红,人面不知何处去,桃花依旧笑春风。技术的变化推动这开发模式的改变;易经中一个重要的思想就是:变。世界无时无刻不在变化,所以我们要不断学习以适应这种变化。如今我们不光要不断学习,[详细]
-
AngularJS + Jersey REST 文件下载
所属栏目:[安全] 日期:2020-12-17 热度:160
今天为一个客户的系统增加一个下载文件的功能,前端是AngularJS发起请求,后端用Jersey REST API返回文件,实现如下: 后端: @POST@Consumes(MediaType.APPLICATION_JSON)@Path("/report/jc")@Produces(MediaType.APPLICATION_OCTET_STREAM)public Response[详细]
-
angular 各scope 通信
所属栏目:[安全] 日期:2020-12-17 热度:181
一:iframe 中的 controller 访问 父页面中的controller a页面 !DOCTYPE html html ng-app="a" head meta charset="UTF-8" title/title script src="lib/angular/angular.min.js"/script /head body div id="view" ng-controller="dsViewCtr"/div script var[详细]
-
AngularJS 0002:表达式
所属栏目:[安全] 日期:2020-12-17 热度:138
AngularJS 表达式格式:{{ expression }}, 我们来看各个类型的表达式的使用和写法。 数字表达式 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/[详细]
-
构建一个自定义 angular2 输入组件
所属栏目:[安全] 日期:2020-12-17 热度:171
构建一个自定义 angular2 输入组件 今天我们来学习如何正确的构建和一个具有和 input type="text" 同样作用,但同时也具有自己的逻辑的输入组件。 在读这篇文章之前,希望你已经把官方的文档和案例都看过至少一遍了,具体的一些概念和细节不会在文章中讲解。[详细]
-
angular2 directive 学习
所属栏目:[安全] 日期:2020-12-17 热度:94
directive代码: import {Directive,ElementRef,Input,HostListener,HostBinding} from "@angular/core";@Directive({ selector: '[myhighlight]'})export class MyHighlightDirective { @Input() highlightcolor: string; htmlEl: HTMLElement; constructor[详细]
-
angularJS中input标签的ng-change事件无效
所属栏目:[安全] 日期:2020-12-17 热度:60
出现这个问题是因为input的type是file,这时如果用ng-change="()"是无效的。 解决方法:用onchange事件。 input onchange="angular.element(this).scope().change()" type="file" $scope.change= function () {}[详细]
-
一、node (Express) Ejs Angular 移动端开发
所属栏目:[安全] 日期:2020-12-17 热度:119
自从毕业来到公司已经有四个月啦,妹子我很幸运遇到了很多大神同事,其中最幸运的就是遇到我的超级超级温柔导师。师父让我看node,然后从入职后看书、看demo,感觉学的还是很慢的,这几天受到旁边帅帅同事的启发,开始做个小demo,把之前学的以及不会的再运[详细]
-
angularJS directive详解
所属栏目:[安全] 日期:2020-12-17 热度:200
前言 最近学习了下angularjs指令的相关知识,也参考了前人的一些文章,在此总结下。 欢迎批评指出错误的地方。 Angularjs指令定义的API AngularJs的指令定义大致如下 angular. module ( "app" ,[]).directive( "directiveName" , function () { return {//通[详细]
-
AngularJS 0003: 指令
所属栏目:[安全] 日期:2020-12-17 热度:134
我们知道JS的标配是html,JS需要去读写html上的属性值,来达到交互的目的。 angularJS是如何和html交互的呢? 我们看anjularjs用到了很多ng-开头的属性,这个就是它的指令,用户和html进行交互的。 比如 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init[详细]
-
angularJs入门教程
所属栏目:[安全] 日期:2020-12-17 热度:200
https://github.com/lewis617/angular2-tutorial[详细]
-
AngularJs基础一
所属栏目:[安全] 日期:2020-12-17 热度:120
最近感觉自己前端实在是不足,还停留在大学html+css+javascritp阶段,实在是汗颜呀。 所以赶紧利用些空余时间来补补短,一博客形式来记录学习到的知识点。 #angular的基本属性 1、ng-app 指令定义了一个AngularJS应用程序----让html支持angular 2、ng-model[详细]