当前分类

Angularjs教程

Angularjs教程

angularCli打包遇到的一些问题

有时在运行项目或者打包项目的时候会遇到报错信息:found version 4, expected 3,这个大概意思是说该插件需要的依赖当前不支持,需要提高依赖的版本。比如:@angular/compiler-cli、@angular/common、@angular/compiler、@angular/core,这些依赖升级后,其他...

Angularjs教程

在angular4.X里使用mCustomScrollbar滚动条插件

参考网上的方法https://stackoverflow.com/questions/36755625/how-to-import-jquery-and-mcustomscrollbar-plugin-into-angular2-component对其配置,有的时候会出现问题,可以尝试更换一下mCustomScrollbar的版本。可以不用install在项目里,直接将所需的js...

Angularjs教程

angular-cli6使用ng serve --o 控制台报错Invalid Host Header

angular-cli6使用ng serve --o 运行创建的项目,能正常访问,但是控制台一直在报错,点击报错能看到是因为webpack的webpack-dev-server里报的错,看到网上介绍了配置webpack-dev-server对host header 正确性检测,但是angular6里修改的配置文件需要修改node_m...

Angularjs教程

angular实现简单的pagination分页组件

不想使用第三方库,只想使用一个分页器,那么就简单的实现一个,效果如下:  1.使用方式: <custom-pagination *ngIf="enterpriseList.length"[fastTurnBtn]="false"[totalPage]="paginationParams.totalPages"[maxSize]="...

Angularjs教程

angular之表单验证与ngMessages

刚接触angular1.x很多经常用到的ngMessages的地方,这里顺便记一下,效果如下图:如果引用了angular-messages.js报如下错误,说明你的angular.js和angular-messages.js版本不匹配,需要找到能用的版本。可在这里在线测试各个版本https://docs.angularjs.org/a...

Angularjs教程

angularJS学习(二)

1、实现列表思路:accessCtrl.js1 let AccessCtrl = function($scope, AlertService, DialogService, BigDataService, AdminBigDataService) {2 let vm = $scope;3 vm.pager = {4 pageNo:1,5 pageSize: 10,6 totalCount: 07 };8 vm...

Angularjs教程

通过路由url携带参数进行参数传递

一、url解析参数在路由中写入,同一个控制器,同一个页面模板,可以写多个路由,不同的路由对应相同的页面,只是在这种传参数的状态下的特定页面。.state("OrderRecord", {parent: "ServiceManage",url: "/order-record",templateUrl...

Angularjs教程

angularJS---初识指令

angularJS什么是angularJSAngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等...

Angularjs教程

angularJS----filter

  angularJS过滤器过滤器(filter)正如其名,作用就是接收一个输入(隐式的接收数据源),通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:curre...

Angularjs教程

angularJS----directive

directive--指令指令,指的就是组件的意思。ng把组件称为指令。指令是使用ng的一个重点。使用directive()可以自定义指令,directive方法接收2个参数:1.指令的名字(str) 2.一个函数,该函数返回一个对象(注意:从之前遇到过的代码,按道理应该是返回一个函...

Angularjs教程

angularJS---service

serviceng的服务是这样定义的:Angular services are singletons objects or functions that carry out specific tasks common to web apps.它是一个单例对象或函数,对外提供特定的功能。1.首先是一个单例,即无论这个服务被注入到任何地方,对象始终只有一个...

Angularjs教程

angularJs---route

routeroute---‘路由’ ajax的弊端:1.ajax请求不会留下history记录2.用户无法直接通过url进入应用中的指定页面(保存书签,分享朋友?)3.ajax不利于SEO前端路由的实现原理是什么?#哈希 也叫锚点,通过使用锚点实现页面刷新但不跳转。html5中的history API...

Angularjs教程

(一) 从Angular1到Angular2的杂谈

使用了angular1一年下来,完成了若干项目,承蒙此框架的强大带来了不算差的项目编写体验,但1.*版本的angular,确实是有厉害的地方也有其尴尬的地方,包括较多数据的渲染的性能问题,还有就是可能很多人都会觉得ng提供的很多语法很限制。总结就是ng1这个框架,...

Angularjs教程

(二) 从Angular1到Angular2需要的预备知识

1. TypeScript语法与ES6新特性写惯了jQ的话突然从ES5跳到ES6,又是个变形的ES6(TypeScript),学习成本确实不低。不过笔者也是从ng1直接上手ng2,对与很多新特性的积累基本是抄着ng2官网的快速起步捡起来的。所以给的建议是,有ES6甚至TS基础肯定完美,但是在使...

Angularjs教程

(三) Angular2项目框架搭建心得

前言:在哪看到过angular程序员被React程序员鄙视,略显尴尬,确实Angular挺值得被调侃的,在1.*版本存在的几个性能问题,性能优化的“潜规则”贼多,以及从1.*到2.*版本的面目全非,不过宽容点来看这个强大的框架,升级到ng2肯定是一件好事情,虽然截至目前n...

Angularjs教程

Angular2 + Webpack项目搭建Demo

本文将从头开始编写实际的代码来完成一个angular2的demo。题外话是其实angular2官网的快速开始项目已经很酷炫了,但其侧重快速二字,只够拿来练习玩耍,倒是github上确实已经有了一些不错的angular2-starter。 1. 安装必要的node环境与npm当然TS环境也是必须...

Angularjs教程

Angular2的模块架构浅谈

引言angular2相比1引入了更完善的模块系统,回忆ng1的应用中通常在页面的html标签或body标签中添加ng-app节点,值为应用的模块名,整个应用都将围绕这个模块来展开,到了ng2,模块概念完善了很多,并且再不是由一个模块来统治整个应用(当然非要这么做也可以),...

Angularjs教程

Angular2组件与指令的小实践——实现一个图片轮播组件

如果说模块系统是Angular2的灵魂,那其组件体系就是其躯体,在模块的支持下渲染出所有用户直接看得见的东西,一个项目最表层的东西就是组件呈现的视图。而除了直接看的见的躯体之外,一个完整的“生物”还需要有感觉器官,用来感知外界与其的交互,这就是指令...

Angularjs教程

Angular2 Service实践——实现简单音乐播放服务

引言: 如果说组件系统(Component)是ng2应用的躯体,那把服务(Service)认为是流通于组件之间并为其带来生机的血液再合适不过了。组件间通信的其中一种优等选择就是使用服务,在ng1里就有了广泛使用,而ng2保持了服务的全部特性,包括其全局单例与依赖注入。今天...

Angularjs教程

从Angular2路由引发的前后端路由浅谈

笔者的学习进度比较慢,直到两年以前写的网站都还是以服务端为主导的,即网站的所有视图都由服务器视图模板来渲染,笔者使用的是 DotNet MVC,开发套路就是在Controller里面写Action,在Views里写对应的Action.cshtml,使用ajax发起请求已经是比较前端的事情了...

Angularjs教程

发布自己的Angular2库初探

从去年年底开始使用ng2,遇到并解决或被虐了一些问题点,对其各种新特性与开发模式感觉还算舒服。还有的一个感想就是,要使用ng2还得先学习不少其他东西,比如TypeScript语法,比如ES6新特性,还有就是酷炫的npm平台。本文就将侧重点放到npm上来,看看npm平台...

  • 友情链接:微信小游戏
  • 微信扫一扫

    微信扫一扫

    微信扫一扫,分享到朋友圈

    标题
    返回顶部