angular封装公共方法到service中间件,节省开发时间 layer.service.ts openAlert(callback) {// 传递回调函数 const dialogRef = this.dialog.open(AlertComponent, { hasBackdrop: true, data: this.layer.alert }); // // alert关闭的时候会检测到是哪个关闭事件: dialogRef.afterClosed().subscribe(val => {

Echarts是一个开源的图表组件,图表比较丰富,工作中需要用到它来搭建一个数据展示系统.但是系统原有的框架是基于angular的,而echarts是基于原生js的,如果直接使用的话就丢失了angular双向绑定的优势,而且后续代码不好维护,所以需要将echarts封装成一个通用的angular组件. echarts原生实现如下: <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:4

1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https://nodejs.org/en/download 2.安装angular cli 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装): npm install -g typescript 安装angular cli : npm install -g @angular/cli 验证: ng version 出现版本信息即安

本文章已经录制视频,地址是:http://v.youku.com/v_show/id_XODI3MjYyODI0.html 前端这两年技术飞速发展,各种优秀框架层出不穷.本文不是讨论各框架的比较,也不讨论为什么我要用angular,而不用backbone:不讨论为什么用requirejs,而不用browserify,seajs等.只是介绍平常我是怎么进行项目的前端架构. 一个成熟项目架构中应该具有哪些功能 * 快速的项目生成器——快速生成项目主体架构,单步实现controller,单步实现vie

文章目录 1.angular cli快速搭建项目 2.angular2-seed 3.手动配置 题外话:如何更好的阅读本篇文章 一: angular cli的安装 Angular-cli(命令行界面,全称为command line interface)工具于2015年发布,用于快速初始化新项目的目录结构,并提供了很多脚手架.    $ npm install -g @angular/cli    //全局安装cli工具 $ ng  -v  //非必须步骤,但很有趣,有一个好看的图形文字 //提示

工具的安装 首先需要安装node,直接在官网下载node,然后一直下一步安装完即可,在安装node的时候自带了npm包管理工具 然后安装Angular CLI,使用npm命令安装输入以下命令 npm install -g @angular/cli 使用ng -v 查看版本是多少,有结果说明安装成功 安装WebStorm 集成开发环境,直接去webStrom官网下载,一直下一步即可,最后激活的时候选择License server 输入:http://idea.iteblog.com/key.php

Angular2.x与Angular1.x 的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别,想要运行Angular2需要安装一些第三方依赖,不会像Angular1.x那样,只需要引入文件就可以. 我们使用的是 TypeScript 来创建 Angular 的应用,这也是官方推荐使用的. 首先我们需要确保已经安装npm和node.js. 然后我们来创建和配置项目: 创建项目目录,打开终端,进入到想要放置项目的目录下,新建并进入项目目录: $ mkdir angular-

富文本组件是web程序中很常用的一个组件,特别是要开发一个博客,论坛这类的网站后台. 得益于Angular的强大,封装WangEditor组件非常简单 1.使用yarn或者npm安装wangeditor yarn add wangeditor 2.创建一个Angular的组件 ng g c q-wang-editor 3.封装组件逻辑 3.1 模板 <div #wang></div> 3.2 ts逻辑 import { Component, ElementRef, EventEmi

step1:引入文件 引入Plupload *该SDK上传功能集于Plupload插件封装,所以需要下载Plupload; plupload.dev.js 引入qiniu.js为了简便,当时直接从官网示例中复制的js文件 引入moxie.js因为Plupload插件除了能解决h5的上传问题,还能上传flash等,所以需要该文件.本来我们是不需要的,但由于plupload.dev.js和qiniu.js里面有依赖于moxie.js的代码,如果不引入,就一直报错:moxie not defined,

首先创建一个vue-cli搭建起来的vue项目这个不用多说了. 安装axios,使用npm install axios --save命令安装依赖,这时候项目的package.json文件中的"dependencies"属性会有个"axios"和它的版本号就说明 安装成功了 接下来就在项目中的src下面的assets文件里创建一个js文件夹,在js文件夹里创建俩个文件,一个是api.js,另一个是config.js,当然创建的文件夹和文件的名字随意起的 其中在conf

dbpy dbpy是一个python写的数据库CURD人性化api库.借鉴了 webpy db 和 drupal database 的设计. 如果喜欢 tornado db 或者 webpy db这类轻巧的db库,或者想发挥原生SQL优势,那么值得一试. Featues 灵活简单 天马行空的SQL构建语法糖 线程安全的连接池 支持读写分离(当前限定只能是一主多副模式) 支持简单事务 Contents Featues Install Development Compatibility DB API

1.安装node.js 和cnpm 2.cnpm install -g @angular/cli   安装angular脚手架: 3.ng new angulardemo cd angulardemo cnpm install ng serve --open

http://www.phloxblog.in/jquery-plugin-angular-js-directive-clean-html-approach/#.VaCWL9yUemJ

先试 ng serve --host 0.0.0.0 不行再试 ng serve --host 0.0.0.0 --disable-host-check

最近,为了项目接触了一个很火的前端框架Angular.js,下面就Angular做一个简介吧(大牛请绕步,只针对没有接触过angular的人). Angular.js是一款精简的前端框架,如果要追溯它的起源,它是2009年Google Feedback项目团队的一个成员Misko Hevery,在两周内重写的一个开源库,把原先的17000行前端代码精简到1500行!你怕不怕? AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等.如果你是一

从学习angular,到实际项目开发不到一周,完全是边写边学呀,都是为了项目,已使用angular 开发了两个项目了,有些技术当时只是会用,都没好好回顾一下,现在有时间回顾一下,项目中用到的一些指令,服务,路由,filter 等, 一点点记录一来 // 初始化 angular.bootstrap(dom,['appName']); //html 转化 // 需传参 $sce $scope.escape = function(html) { return $sce.trustAsHtml(html

引言 最近由于公司人员调整,我不得不去转去做前端,被迫用三周的时间学习Angular,同时需要做一个简单的Web聊天室.对于前端不一点感冒的我而言,其实还算一个不小的挑战.在三周的过程中,我遇到很多的困难,其中一个困难是如何将Aangular和我已会的Java体系相结合.我不太习惯前后端分离,还是希望可以能够将页面和Java代码写在一个项目里,算得上一个落伍的执着吧. Angular(包括2和4)是从AngularJs1.x升级而来,但是不提供向下兼容.Anuglar2(和4)和AngularJ

.Net Core ORM选择之路,哪个才适合你   因为老板的一句话公司项目需要迁移到.Net Core ,但是以前同事用的ORM不支持.Net Core 开发过程也遇到了各种坑,插入条数多了也特别的慢,导致系统体验比较差好多都改写Sql实现. 所以我打算找一款 性能比较好 功能比较完善 方便以后可以切换数据库(经过我对老板的了解这个功能非常重要) 并且要有一定用户基础的ORM 参赛ORM 能够参赛的ORM必须要有以下个条件 第一.功能方面要比较完善 第二.Github需要有一定人气并且最近有

angular入门一之环境安装及项目创建 1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https://nodejs.org/en/download 2.安装angular cli 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装): npm install -g typescript 安装angular cli : npm install -g @angular/cli 验证

开始项目前,你需要先安装node和npm,然后执行npm install -g @angular/cli安装Angular CLI. 如何安装node.js和npm npm使用介绍 1.安装angular-cli Angular提供了一个命令行工具angular-cli,它能让用户通过命令行创建和管理项目. 安装命令: npm install -g angular-cli@1.0.0-beta.28.3 安装后可输入指令ng version查看版本. 2.创建项目 ng new newApp /