-
详解Angular6学习笔记之主从组件_AngularJS
主从组件
继学习笔记6，现在可以在页面上显示一个数组，但是原则上不能将所有特性放在同一个组件中，因为如果将所有特性放在同一个组件中，当特性特别多时，组件就变得不好维护了。所以要将大型组件拆分为多个小型 37 2018-10-19 0 37
-
angularjs性能优化的方法_AngularJS
学习angularjs有一段时间了，但是一直都没有怎么考虑过性能方面的问题，上次在研究过滤器的时候涉及到了性能问题。所以自己也总结了下常用的性能优化。优化$watch
1.及时移除不必要的watch
var unWatch = $s 29 2018-10-19 0 29
-
详解如何构建一个Angular6的第三方npm包_AngularJS
不废话直接上教程1.建立项目ng new projectname2.创建第三方库项目创建完毕，依赖安装完毕后# libraryname : 第三方包名字# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-xxx)cd projectnameng g libra
35 2018-10-19 0 35
-
cnpm加速Angular项目创建的方法_AngularJS
问题描述使用官网推荐的命令行工具ng来初始化Angular项目。ng new my-app前面都挺快的，创建本地文件嘛。就是到最后安装依赖的时候特别慢，等了半个小时，也没装完。cnpm加速使用淘宝为广大程序员提供的cnpm进
29 2018-10-19 0 29
-
详解Ubuntu安装angular-cli遇到的坑_AngularJS
环境：ubuntu16.04按照官方文档的要求，跟着进行angular-cli的安装，但是我们知道，环境这种东西有时候很容易配置，有时候就会闹脾气，而且不同的操作系统，出现的问题也不尽相同。今天安装了一下，踩了几个坑，在这里跟大
51 2018-10-19 0 51
-
使用Angular-CLI构建NPM包的方法_AngularJS
1.创建项目# PROJECT_NAME ：创建的项目名称ng new PROJECT_NAME2.创建第三方包（我们要构建的NPM包）cd PROJECT_NAME# LIBRARY_NAME ：创建的包的名称(如 zorro)# PREFIX ：组件前缀(如 nz-zorro 的组件前都是 nz
29 2018-10-19 0 29
-
Angular6 正则表达式允许输入部分中文字符_AngularJS
之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式let filter2=/^[/（ /）/u4e00-/u9fa5]+$/;测试正常，执行ng build --prod命令打包之后运行出错。发现，正则表达式变为/^[//uff08//uff09/u
23 2018-10-19 0 23
-
在Angular中使用JWT认证方法示例_AngularJS
本文介绍了在Angular中使用JWT认证方法示例，分享给大家，具体如下：项目地址: grading-system 基于session的认证和基于token的认证的方式已经被广泛使用。在session认证中，服务端会存储一份用户登录信息，这份登
29 2018-10-19 0 29
-
angular4中*ngFor不能对返回来的对象进行循环的解决方法_AngularJS
解决方法：可以循环返回的对象，得到对象里每一个key所对应的值，然后把值放到自己定义的一个数组中。例如：tipAttr: any = [];$.each(response.ipCustomer.tip, function(key, val) { console.log(val); self
28 2018-10-19 0 28
-
对angular2中的ngfor和ngif指令嵌套实例讲解_AngularJS
ng2 结构指令不能直接嵌套使用，可使用标签来包裹指令示例如下<ul><ng-container *ngFor="let item of lists"><div class="thumb p-date" *ngIf="item.picurl"><a href="# " rel="external nofollow" ><im
11 2018-10-19 0 11
-
angularjs的单选框+ng-repeat的实现方法_AngularJS
最近在做项目的过程中，要求做一个考试系统，在答题页面涉及到单选框+ng-repeat来实现试卷的展示，做完后将答案传到后台，在这里主要讲下单选框+ng-repeat的几个要点前台代码如下：<div class="container" width="
14 2018-10-19 0 14
-
angularjs中判断ng-repeat是否迭代完的实例_AngularJS
angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了，其实还是有方法的，今天就介绍一种方法来判断ng-repeat是否已经迭代完。众所周知ng-repe
22 2018-10-19 0 22
-
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法_AngularJS
页面代码：<!-- 弹出层 --><section class="popup-bg" ng-if="IsActive"> <div class="popup-box phone-detail"> <div class="popup-title popup-detail-title">通讯录 <i class="iconfont pop
15 2018-10-19 0 15
-
angularjs下ng-repeat点击元素改变样式的实现方法_AngularJS
1.一个angularjs的学习，了解ng-class的使用技巧；2.代码：html： <div ng-repeat='myimg in myimgs'> <img ng-src="{{myimg}}" ng-click="fabricChoose($index)" ng-class="{fabricImg1:$index==fabricIsSel
18 2018-10-19 0 18
-
AngularJS修改model值时,显示内容不变的实例_AngularJS
一段很简单的AngularJs代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head><body ng-app=&
16 2018-10-19 0 16
-
ios设备中angularjs无法改变页面title的解决方法_AngularJS
如下所示：$rootScope.$watch('title',function(title){ var body = document.getElementsByTagName('body')[0]; document.title = title; var iframe = document.createElement("iframe"); iframe.title
25 2018-10-19 0 25
-
Angularjs之ngModel中的值验证绑定方法_AngularJS
众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。例如，方式一：在html中，<input type="text" ng-model="searchText" /><button ng-click="check(searchText)">Check!</button>{{ searchText }}在con
21 2018-10-19 0 21
-
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题_AngularJS
angular2在双向数据绑定时[(ngModel)]无法使用，出现的错误是：Can't bind to 'ngModel' since it isn't a known property of 'input'.解决办法：在文件 app.component.ts 中引入ngModel具体为：添加两行代码：imp
26 2018-10-19 0 26
-
解决angularJS中input标签的ng-change事件无效问题_AngularJS
出现这个问题是因为input的type是file，这时如果用ng-change="()"是无效的。解决方法：用onchange事件。<input onchange="angular.element(this).scope().change()" type="file">$scope.change= function ()
81 2018-10-19 0 81
-
解决angularjs WdatePicker ng-model的问题_AngularJS
假设我们在项目中需要用到WdatePicker以及angularjs，并有如下的代码：<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readonly="readonly" onClick="Wd
31 2018-10-19 0 31
-
swiper在angularjs中使用循环轮播失效的解决方法_AngularJS
bug描述：我在anjularjs 中使用了swiper轮播图，通过动态获取到数据插入swiper-slide中，我在swiper初始化中设置了loop(循环),但是在出现了一点小问题，swiper会失效，划不动，当我设置固定的数据通过ng-src 插入到s
28 2018-10-19 0 28
-
angular 数据绑定之[]和{{}}的区别_AngularJS
问题描述
在学习angular时，在示例代码写到加载图片时，书中推荐使用单向数据绑定符号[]来绑定图片的路径，然后双花括号的写法是错的。尝试
首先，按书中推荐的写法：<img [src]="imgUrl" />这里就省略了控制器中 25 2018-10-19 0 25
-
angular的输入和输出的使用方法_AngularJS
angular的核心组件化，可以说组件化的相当彻底。而要实现组件之间的通信，一个必不可少的就是输入和输出。通过对输入输出的学习，更加加深我对组件化的认识。组件的输入angular允许使用两种形式来定义组件的输
17 2018-10-19 0 17
-
使用ng-packagr打包Angular的方法示例_AngularJS
写在前面为了让 Angular 类库应用范围更自由，Angular 提出一套打包格式建议名曰：Angular Package Format，包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式，不同格式可以在不同的环境（Angular Cli、Web
20 2018-10-19 0 20
