Angular
关注
分享
扫一扫
longzhoufeng
这个作者很懒，什么都没留下…
展开
-
Ng提示语报错及修改TypeScript （TSLint）配置
1、在ng里面用TypeScript 写代码时，发现变量首写下划线会报错，例如:查了很多的网上资料发现是TSLint配置的问题，在TSLint.json的规则里加上：variable-name选项即可"extends": "../tslint.json", "rules": { "variable-name": { "options": [ ...原创 2019-10-15 10:51:02 · 1533 阅读 · 0 评论 -
angularjs中使用window.resize功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>angularjs中使用window.resize功能</title> <script src="angularjs原创 2018-03-29 11:18:07 · 1997 阅读 · 2 评论 -
angular js里 当使用ng-repeat 时出现 $$hashKey的键值对
主要是把：ng-repeat="item in items " 改成 ：ng-repeat=“item in items track by $index”原创 2018-05-04 09:32:15 · 1263 阅读 · 0 评论 -
AngularJS ng-if ng-repeat下使用ng-model
因为ng-if, ng-repeat 会创建新的scope, 在ng-if 内使用ng-model, 需要加上parent,例如：parent,例如：parent, 例如：parent,.newVal， 才能在全局的scope中用$scope.newVal访问。实例如下：HTML 文件：<pre name="code" class="html"><pre...原创 2018-05-04 09:36:14 · 711 阅读 · 0 评论 -
Angular.forEach用法
1.针对对象循环(key,value)var values = {name: 'misko', gender: 'male'};var log = [];angular.forEach(values, function(value, key) { this.push(key + ': ' + value);}, log);expect(log).toEqual(['name: ...原创 2018-05-31 10:18:49 · 2846 阅读 · 0 评论 -
AngularJS折叠菜单选中状态
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;meta name=&am原创 2018-06-08 14:39:58 · 1454 阅读 · 0 评论 -
angularjs使用resize方法
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2018-06-16 14:05:20 · 1607 阅读 · 0 评论 -
angularjs图片加载完再执行其它函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片加载完再执行其它函数</title> <script src="jquery.min.js"&原创 2018-06-25 09:32:48 · 1304 阅读 · 0 评论 -
angularjs鼠标拖动画矩形框(兼容IE8)
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2018-06-26 17:20:23 · 361 阅读 · 0 评论 -
angular指令 mouseover mouseleave 隐藏、显示内容
<!DOCTYPE html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title></title> <script src="../angularj原创 2018-06-27 09:27:06 · 3608 阅读 · 0 评论 -
解决报错Cannot find module 'webpack-cli/bin/config-yargs'
当执行webpack-dev-server命令的时候就报以下错误：D:\wabg>npm run server> @ server D:\wabg> webpack-dev-server --openThe CLI moved into a separate package: webpack-cli.Please install 'webpack-cli' in ...原创 2018-07-13 09:51:13 · 35090 阅读 · 1 评论 -
vue项目中ESLint说明
eslint配置方式有两种：一、注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。有...原创 2018-11-28 10:04:38 · 1653 阅读 · 0 评论 -
从 for 循环入手优化性能
今天要说的是最简单的 for 循环，一个简单的 for 循环看似没有任何优化的意义，但实质上优化前后差距挺大的，那么该如何优化呢？从最简单的遍历数组说起。// 定义一个数组arr（假设是从后台返回的数据）let i = 0;let arr = [];while (i < 50) { arr.push(i); i++;}如果我们想从数组 arr 中取出数...原创 2018-04-04 11:59:37 · 3160 阅读 · 1 评论 -
angularjs实现tab切换和选中切换
<!DOCTYPE html><html ng-app='app'><head> <meta charset="UTF-8"> <title></title> <style> * { list-style: none;原创 2018-03-28 11:00:01 · 3224 阅读 · 0 评论 -
angularjs2 组件的生命周期
组件的生命周期由angular内部管理，从组件的创建、渲染到数据变动，再到dom中移除。这期间每个环节都有angular提供的一系列钩子。通过钩子可以让开发者很方便的在这些事件触发的时候执行响应的回调函数。生命周期钩子angular会顺序执行以下钩子方法ngOnChangesngOnInitngDoCheckngAfterContentInitngAfterContentCheckedn原创 2017-09-27 20:10:59 · 687 阅读 · 0 评论 -
angularJS自定义指令各项配置详解
1、priority: 该指令的优先级，优先级大的先执行，默认指令的优先级是0（但ng-repeat指令的优先级默认是1000）2、replace: 用于指定是否使用模板页面来替换自定义指令，默认值为false3、template 有两种形式 1、String //模板字符串。 2、function(tElement, tAttrs){ …; return templat原创 2017-10-05 00:40:28 · 550 阅读 · 0 评论 -
Angular.forEach用法
1.针对对象循环(key,value)var values = {name: 'misko', gender: 'male'};var log = [];angular.forEach(values, function(value, key) { this.push(key + ': ' + value);}, log);expect(log).toEqual(['name: m原创 2017-12-01 17:27:53 · 643 阅读 · 0 评论 -
angular中service和factory区别
这里总结下service和factory的区别，以及为什么我们最好使用service。1、那到底这两个在angularjs里有啥区别？我们都知道，可以这样定义Service：app.service('MyService', function () { this.sayHello = function () { console.log('hello'); };原创 2017-12-01 17:31:56 · 1432 阅读 · 0 评论 -
angular安装指定版本
npm install -g @angular/cli@1.2.1cnpm install -g @angular/cli@v1.0.0-rc.2安装完成之后，可以用命令查看：ng version如果安装时，没有相应的版本，可能会安装最新的，安装之前可以先查看一下官方有那些版本的原创 2017-12-01 17:25:11 · 13651 阅读 · 4 评论 -
AngularJs 刷新页面
AngularJs 刷新页面可采用下面的方式： 首先先在控制器中注入：window，然后定义函数：window，然后定义函数：scope.reloadRoute，在需要刷新页面的地方调用函数$scope.reloadRoute即可。$scope.reloadRoute = function () { $window.location.reload();};之后继续在网上找有原创 2018-01-22 16:29:56 · 2594 阅读 · 0 评论 -
AngularJS中如果ng-src 图片加载失败处理方法
我们知道AngularJS加载图片的方法是用技术分享加ng-src标签，例如：img ng-src="{{currentUrl}}"/>其中currentUrl为图片地址，如果图片正常能显示，那这么使用一点问题没有，但是，如果图片加载失败了（例如该图片已经不存在，从而出现404错误），在该放图片的地方就会出现一个难看的图片加载失败图标，如果想把这个图标换成你自定义的图片，可以如下这么做原创 2017-12-04 10:55:57 · 2669 阅读 · 0 评论 -
一些总是记不住又容易搞混淆的东西(不断更新)
angular 获取浏览器的宽高:$window.innerWidth; //浏览器的宽$window.innerHeight; //浏览器的高jquery $ jqlite 获取鼠标相对于浏览器左上角的距离:e.pageX; //鼠标相对于浏览器左上角的lefte.pageY; //鼠...原创 2018-02-26 11:03:30 · 1371 阅读 · 0 评论 -
angularjs重新执行echarts时出现 there is a chart instance already initialized on the dom解决
there is a chart instance already initialized on the dom在DOM上已经初始化了一个图表实例解决方案：var myChart;//防止出现“There is a chart instance already initialized on the dom.”的警告 //在使用echarts发现需要及时对新建的myChart实...原创 2018-03-17 15:44:33 · 6006 阅读 · 1 评论 -
angular1中使用track by优化ng-repeat效率
track by是angular1.2后新加入的。ng-repeat会为每一次元素加上一个hashkey $$hashKey来识别每一个元素，当我们从后端重新获取数据时，即使数据完全一样，但是由于hashKey不一样，angular会删除之前的所有dom，重新生成新的dom.这样效率就会大大降低。可以理解为ng-repeat默认是 track by $$hashKey的。所以，我们应该使用一些...原创 2018-04-02 15:20:16 · 892 阅读 · 0 评论 -
安装Angular-cli
1、在命令行中输入 :npm install -g angular-cli 2、如果想要安装指定版本可以在后面加一个：@1.2.1npm install -g @angular/cli@1.2.13、首先到你的工作目录下建立Angular工程目录，然后然后用命令行进入该目录，输入：ng new projectName然后脚手架会帮我们搭建初始环境，由于初始化的时候Angualr-cli会去初始化no原创 2017-09-26 16:03:12 · 753 阅读 · 0 评论