前端-angular2
lucky ^_^
这个作者很懒,什么都没留下…
展开
-
JS节点操作——连缀
连缀介绍:一行代码同时设置一个或多个节点两个或两个以上的操作。代码介绍: Base.getId('box').style['background']='black'; Base.getId('box').style['color']='red'; Base.getId('box').innerHTML='post';简化代码为一行代码//设置ID为box对象的c原创 2016-11-20 22:14:19 · 672 阅读 · 0 评论 -
angular4——带搜索的下拉框
思路:1、站在巨人的肩膀上,确定了bootstrap-select的插件样式。确定了primeNG的DropDwon的模型。2、分析自己的下拉框的需求,一步一步实现。先看下下拉框的最后样式:第一步十分简单,1)、由于之前看过下拉框的插件的css样式代码。于是乎直接把样式文件,拷过来。再把相应的的html源码拿过来,直接拷贝。2)、由于只需要搜索功能的这块样式,其余的c...原创 2017-08-13 21:36:35 · 9755 阅读 · 28 评论 -
angular2——使用swiper插件
swiper插件有这很好的滑动切换效果。用起来还是很不错的。接下来,讲述下怎么在angular2里面使用。第一步:引入该插件的样式和js文件在index.html里面移入自己的文件,本例是把文件放入了资源 assets/css或者 assets/js文件夹内。关于如何引用swiper的js文件,参考下官方的文档,你会有不一样的收获。第二步:在typings.d.ts文件内 声明全原创 2017-08-20 23:28:08 · 5702 阅读 · 28 评论 -
angualr2——dom操作
angular2 对dom做了很强的封装。所以提醒一句,JQuery更多的是引入一些js的插件,不在是用来获取dom元素了。 在angular2里用JQuery操作DOM的同学就不要再使用这个JQuery了。目前小编学到的操作dom有两种方式。 在html的标签里协商 #+自己定义的变量名。这样的话,这个变量就代表了该标签元素。操作该变量就是操作这个标签元素。下面的这个变量p就代表了p这个标签原创 2017-09-10 23:22:13 · 1969 阅读 · 39 评论 -
angualr2 下载文件的两种方式
根据小编我目前的了解,angualr2中可以使用一下两种方式导出文件第一种 export(){let url ="自己下载文件的路径"; // var objectUrl = URL.createObjectURL(url); window.open(url); URL.revokeObjectURL(url); }第二种 export()原创 2017-10-01 19:21:01 · 1422 阅读 · 23 评论 -
angualr总结
前言 我们首先应当充分的认识到前端最重要的还是页面布局设计,css样式和javaScriptangualr框架帮助提高了开发效率,利用typescript减少了js面向对象部分的书写。传统前端开发少不了DOM操作,而angualr封装的指令可以让我们轻而易举的获取DOM元素。所以angular开发前端是一个十分简单,容易上手的一个框架。1、angualr与浏览器交互的方式 传统前端页面都...原创 2018-02-27 20:55:17 · 314 阅读 · 19 评论 -
javaScript实现clone就是这么简单!
实现Cloneable接口的类能被复制。看js怎么来实现 clone(data: any): any { let model = {}; for (let item in data) { console.log(Object.prototype.toString.call(data[item])); if ( data[item] instanc...原创 2018-03-14 20:50:10 · 3122 阅读 · 18 评论 -
javaScript再次巩固
javaScript三大核心:ECMAScript::JavaScript的解释器。对各大浏览器几乎没有兼容性问题。DOM:对HTML的节点操作。有一些操作不兼容。BOM:暂时不太了解,希望大家多多提点。可以确定的是也没有兼容性问题,因为完全不兼容。先来了解下JavaScript的基础的两大定律,当然不是官方的了。一、HTML上所具备的属性,JS都能够操作(class除原创 2017-02-26 00:37:51 · 377 阅读 · 21 评论 -
DataTable转JSON到前台
环境准备:JQuery插件,VS环境,C# Newtonsoft (JSON工具)后台代码using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using Sys原创 2017-02-26 00:48:25 · 1458 阅读 · 29 评论 -
回车键替换Tab键完成循环索引功能。
DRP视频中有个小例子,为了给用户更好的体验,加上了个回车键替换Tab键的功能。然后把视频的代码放到我这,就出不来了。最后判断是浏览器的问题。因为在我的IE8测试版能够实现,但是放到IE9就不行了,火狐,360更别提了。 最后根据浏览器的兼容法则做出以后最后的代码经过我的测试:FF应该不支持 window.event。不过二者都可以使用 arguments[0]来代替(不用写入e)。原创 2017-03-07 22:34:00 · 1468 阅读 · 27 评论 -
bootstrap-select怎么刷新数据
在使用bootstrap-select时,需要刷新数据。只需要调用bootstrap-select内置的方法就可以了。 this.dataservice.getData(this.url[0]).then(res => { let tempData = res.rows; let options = "请选择"; tempData.forEach(el =>原创 2017-07-23 21:47:48 · 11574 阅读 · 35 评论 -
angular2-使用bootstrap-select插件
背景:站在巨人的肩膀上,在angular2的组件模板里用到了bootstrap-select插件,非常的爽。但是遇到了一个问题。直接进入组件页面时,bootstrap-select的插件显示完全没有问题。然而先进入登录页,在进入组件页面。bootstrap-select插件就显示的有问题了。于是探索开始了。 angualr2框架,默认只加载一个html,就是启动也index.h原创 2017-07-16 21:03:57 · 3939 阅读 · 34 评论 -
angualr2封装组件(二)function怎么调用ts类的方法
在使用echarts作自己图表的时候,遇到了function怎么调用组件的方法的问题。先说下自己的整个过程,答案在最下面。需求是基于如何给图标的 图例添加click事件的,当时就纳闷了这个应该不简单,于是看了官方文档,不是很难,简单吗。于是乎就开始了。图表绑定事件:由于是封装单击事件提供信息给外界的,所以用到了@Output。下面的代码会报错的,提示 this.chartEmit不是一个f原创 2017-06-08 20:37:35 · 1689 阅读 · 24 评论 -
angular2封装组件(一)——引用js包
问题: 怎么用好js的包答案:尽量找那种对外提供了对象的js包,比如 JQuery包,提供了$对象,swiper包,提供了swiper对象。还有 ztree包,echarts包, 尽量找有 官方文档的js包,使用起来特别的爽。毕竟强大。别人验证了可行。 在angular2的世界里,还是脱离不了js的因为好多的插件都是js写的,需要引入不少的js文件。先说怎原创 2017-06-08 20:19:06 · 9836 阅读 · 22 评论 -
angular2——发布angular2模块,服务
上回说到了如何利用npm包管理器发布自己的包,这次咱们就来个实践。引言:四步走战略1、写好自己的组件2、利用npm发布自己的组件3、使用包一、写组件 基于angular2的架构,一般都需要下列文件html文件,css文件,component文件,module文件。component文件内容//import区域import { Component }原创 2017-05-09 21:25:59 · 2919 阅读 · 42 评论 -
npm发布自己的包
使用npm包管理器可以很轻松的把包发布到网上。第一步:注册npm一个账号第二步:使用命令行,进入自己所在的包目录第三步:npm,初始化自己的package.json文件。下面是package.json所必须的一些设置。根据命令行的提示就可以完成,不知道写什么的,回车就好name:自己发布包的名字version:版本号,每次修改完成后,注意要提升自己的版本号,比如 1.0.0——原创 2017-04-30 19:42:10 · 1707 阅读 · 19 评论 -
angular2基础入门(一)
进入angular2的世界里,真是颠覆了我对前端页面的认知。我们都知道JavaScript对html控制的核心就是Dom操作。而在angular2采用组件堆砌的方式来开发整个Web页面。所有的组件都放在模块里。而angular有一个根模块——Ngmodule。项目启动时,会把根模块加载到我们的项目里。原创 2017-04-23 22:12:59 · 593 阅读 · 40 评论 -
angular2基础环境搭建
搭建环境前提:node和npm要安装好了。 搭建环境步骤:http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html 在搭建环境步骤里,要建立一个package.json文件,里面描述的是一些命令,还有我们angular2项目要引用的一些包。 而包的安装就用到了npm包管理器。使用 npm insta原创 2017-04-16 20:39:38 · 770 阅读 · 34 评论 -
C#angularjs读取后台数据
最近在研究angularjs的一些Demo。刚开始引angularjs库的时候还找了找,一直没有找到。十分感谢一个网友,忘了那个人了。。。它给了一个链接地址:https://code.angularjs.org/什么版本的angularjs都可以下的。引用angularjs和引用JQuery是一样一样的。小编做的Demo是基于C# MVC环境下使用的。如果不是使用MVC的话,在url上的配原创 2017-04-09 20:04:15 · 2061 阅读 · 29 评论 -
angular——上传下载文件
html篇 <!-- 下载文件 --><div><a (click)="getFile()">点我测试post方式下载文件</a></div><!-- 上传单个文件 --><div><input type="file" (change)=&原创 2018-04-03 23:53:12 · 9637 阅读 · 14 评论