-
(一) 从Angular1到Angular2的杂谈
所属栏目:[安全] 日期:2020-12-17 热度:56
使用了angular1一年下来,完成了若干项目,承蒙此框架的强大带来了不算差的项目编写体验,但1.*版本的angular,确实是有厉害的地方也有其尴尬的地方,包括较多数据的渲染的性能问题,还有就是可能很多人都会觉得ng提供的很多语法很限制。总结就是ng1这个框架[详细]
-
angularJs---route
所属栏目:[安全] 日期:2020-12-17 热度:58
route route---‘路由’? ajax的弊端: 1.ajax请求不会留下history记录 2.用户无法直接通过url进入应用中的指定页面(保存书签,分享朋友?) 3.ajax不利于SEO 前端路由的实现原理是什么? #哈希 也叫锚点,通过使用锚点实现页面刷新但不跳转。 html5中的his[详细]
-
angularJS----directive
所属栏目:[安全] 日期:2020-12-17 热度:60
directive--指令 指令,指的就是组件的意思。ng把组件称为指令。指令是使用ng的一个重点。使用directive()可以自定义指令, directive方法接收2个参数:1.指令的名字(str) 2.一个函数,该函数返回一个对象(注意:从之前遇到过的代码,按道理应该是返回一[详细]
-
angularJS----filter
所属栏目:[安全] 日期:2020-12-17 热度:146
?? angularJS过滤器 过滤器(filter)正如其名,作用就是 ,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。 ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter[详细]
-
angularJS---初识指令
所属栏目:[安全] 日期:2020-12-17 热度:151
angularJS 什么是angularJS AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注[详细]
-
前端实现下拉框联动,数组封装成树形结构实现下拉框联动
所属栏目:[安全] 日期:2020-12-17 热度:90
一、数组结构的数据,前端处理成叶子节点数据 比如说项目中遇到的一级类目,二级类目,三级类目 只有选择一级类目之后,才可以选择二级类目,选择了二级类目,才可以选择三级类目。当上一级类目选择变了,他下面的各级类目会被清空,没有选择中。 1、模板文[详细]
-
通过路由url携带参数进行参数传递
所属栏目:[安全] 日期:2020-12-17 热度:165
一、url解析参数 在路由中写入,同一个控制器,同一个页面模板,可以写多个路由,不同的路由对应相同的页面,只是在这种传参数的状态下的特定页面。 .state("OrderRecord" ,{ parent: "ServiceManage" ,url: "/order-record" ,templateUrl: "partials/servic[详细]
-
angularJS学习(二)
所属栏目:[安全] 日期:2020-12-17 热度:141
1、实现列表 思路: accessCtrl.js let AccessCtrl = let vm = vm.pager = pageNo:1 pageSize: 10 totalCount: 0 vm.dataSourceTypeList= id:"1" name:"DB2" id:"2" name:"Sybase" id:"3" name:"MySql" id:"4" name:"Oracle" id:"5" name:"FTP" id:"6" name:[详细]
-
angularjs之ui-bootstrap的Datepicker Popup不使用JS实现双日期
所属栏目:[安全] 日期:2020-12-17 热度:190
Document $scope.dt1; $scope.dt2; $scope.datepickerOptions1/spanspan style="background-color: #f5f5f5; color: #000000"gt;=/spanspan style="background-color: #f5f5f5; color: #000000"gt;{ maxDate:$scope.dt2,showWeeks:/spanspan style="backgrou[详细]
-
angular之表单验证与ngMessages
所属栏目:[安全] 日期:2020-12-17 热度:178
帐号: 至少3位 最多9位 不能为空 div class="cnblogs_code" * 帐号: 至少3位数 span style="color: #0000ff" span style="color: #800000"div span style="color: #ff0000"class span style="color: #0000ff"="form-group" span style="color: #0000ff" sp[详细]
-
angular4自定义组件非input元素实现ngModel双向数据绑定
所属栏目:[安全] 日期:2020-12-17 热度:71
import { Component,forwardRef } from '@angular/core' '@angular/forms' @Component({ selector: 'app-child'span style="color: #000000",templateUrl: './child.component.html'span style="color: #000000",styleUrls: [ './child.component.css'span s[详细]
-
angular实现简单的pagination分页组件
所属栏目:[安全] 日期:2020-12-17 热度:137
div class="cnblogs_code" fsatTurnBtn:是否显示首页和末页 turnBtn:是否显示上下翻页 maxSize:最多显示几页 totalPage:总页数 moreBtn:是否显示省略号提示更多分页 // custom-pagination.tsimport { Component,OnInit,Input,Output,EventEmitter,OnCha[详细]
-
angular-cli6使用ng serve --o 控制台报错Invalid Host Header
所属栏目:[安全] 日期:2020-12-17 热度:55
在node_modules里找到angular-devkit --> build-angular --> src --> dev-server里的schema.json,里面都是配置项,找到disableHostCheck,将default值设置为true即可。 修改后需要重新ng serve --o运行项目。[详细]
-
在angular4.X里使用mCustomScrollbar滚动条插件
所属栏目:[安全] 日期:2020-12-17 热度:121
参考网上的方法 对其配置,有的时候会出现问题,可以尝试更换一下mCustomScrollbar的版本。 可以不用install在项目里,直接将所需的js和css下载下来后放在项目的静态文件夹目录下。然后在angular.json里对其引用。 如下图为必须文件: 一些扩展功能需要mouse[详细]
-
angularCli打包遇到的一些问题
所属栏目:[安全] 日期:2020-12-17 热度:144
有时在运行项目或者打包项目的时候会遇到报错信息:found version 4,expected 3, 这个大概意思是说该插件需要的依赖当前不支持,需要提高依赖的版本。 比如:@angular/compiler-cli、@angular/common、@angular/compiler、@angular/core,这些依赖升级后,其[详细]
-
angular学习的一些小笔记(中)之ng-init
所属栏目:[安全] 日期:2020-12-17 热度:108
ng-init是给angular执行给定的表达式,初始化变量的值 > ng-init ng-init= > 这样就初始化了myTest的值,ng-app没有设值,要是设置的话,就要js啦,要不然就得报错了[详细]
-
angular学习的一些小笔记(中)之双向数据绑定
所属栏目:[安全] 日期:2020-12-17 热度:195
div class="cnblogs_code" > ng-model= > copy:{{hello}}[详细]
-
angular学习的一些小笔记(中)之ng-disabled轻松实现按钮是否可点
所属栏目:[安全] 日期:2020-12-17 热度:55
哇,这个可以轻松实现输入值就按钮可点击,输入框没有值则不可点击的状态呀 看代码 > ng-model= placeholder= > ng-disabled= >A Button so easy~~~这个功能实现的,就是比如像就是提交表单的时候的需求,就是要是你的输入框没有值,那个按钮就disabled状态~[详细]
-
angular学习的一些小笔记(中)之基础ng指令
所属栏目:[安全] 日期:2020-12-17 热度:109
一、布尔属性指令: ng-disabled:就是ng-disabled=true-->就指向不可用 div class="cnblogs_code" > ng-model= placeholder= > ng-disabled= >A Button ng-checked:如上 > someProperty = {{someProperty}} - = -init= -model= > ng-readonly:如上,这个就[详细]
-
学习angular.js的一些笔记想法(上)
所属栏目:[安全] 日期:2020-12-17 热度:59
1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 ?2.ng-class 不多说就来拿例子说吧 html代码 = data-ng- = > js代码: $scope.colorChanger= ; 此时的变量colorChanger=false,那么!colorChanger=true,所以:‘color-changer-hiden':true;这时的div[详细]
-
angular学习的一些小笔记(中)之表单验证
所属栏目:[安全] 日期:2020-12-17 热度:198
表单验证 我去,我感觉我这个人其实还是一个很傻逼的一个人,老是因为拼错了一个单词或者怎么样就浪费我很长时间,这样真的不行不行,要正确对待这个问题,好了,说正题吧,angular也有表单验证minlength,maxlength,required呀这些个东西,还有也支持h5的那[详细]
-
angular学习的一些小笔记(中)之directive
所属栏目:[安全] 日期:2020-12-17 热度:180
directive里面的几个配置,上代码就清晰了 > > test 这段代码在浏览器上打开是这样的, >click me 看到吗,directive里面的template在标签的里面,是标签的子元素 然后再看,在配置一个replace >click me script type=span style="color: #800000"" span sty[详细]
-
百度地图跟angular的结合
所属栏目:[安全] 日期:2020-12-17 热度:58
我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码,发现,我去,报错了,我一开始还以为是百度地图跟angular有冲突,然后我就去搜索啊,发现angular也有一个百度地图插件,无奈我用了报错了,网上说要用angular2版本才能兼[详细]
-
angular中ui calendar的一些使用心得
所属栏目:[安全] 日期:2020-12-17 热度:179
ui?calendar是封装fullcalendar的一款angular指令插件 官方地址:http://angular-ui.github.io/ui-calendar/ fullcalendar 和ui?calendar包安装我就不介绍了。自行百度下。 包安装好后,添加路径引用 本次开发环境angular1.x 调用 在controller中配置参数 /*[详细]
-
Angular (SPA) WebPack模块化打包、按需加载解决方案完整实现
所属栏目:[安全] 日期:2020-12-17 热度:91
p class="jhl-title"文艺小说-?2F,言情小说-?3F,武侠小说-?9F long long ago time-1-1:A ,long long A ago time-1-2:A ,long long ago time-1-3:A 使用 (js组件构建) long long ago time-2-1:B? ,long long A ago time-2-2:B 使用 ,long lon[详细]