jackblog-angular2
Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版
此为客户端angular2.0版, 需要配合服务端使用.
服务端任选一种, 请预先安装并启动服务端
开发
$ git clone git@github.com:jackhutu/jackblog-angular2.git
$ cd jackblog-angular2
$ npm install
$ npm run dev
打包
$ npm run build 或 npm run start
线上布署
$ npm run pm2-start
License
MIT
-
interface HostListener { eventName : string // html dom 事件 args : string[] // 传入参数，可以是event对象等 } api介绍： https://angular.cn/docs/ts/latest/api/core/index/HostListener-interface.html 适用于属性型指令，将dom事件绑定到组
-
原文出处：https://segmentfault.com/a/1190000004071388 angular2 王下邀月熊_Chevalier 2015年11月30日发布 推荐 3 推荐 收藏 27 收藏，5.2k 浏览 Bootstrapping import {bootstrap} from 'angular2/angular2'; bootstrap(MyAppComponent,
-
软件开发综合实训是Angular 2+的开发，通过一个实战项目复习一下Angular的使用和TypeScript的语法。 一、搭建脚手架 https://cli.angular.io/或者angular官网 1.1 安装Angular的CLI npm install -g @angular/cli 1.2 创建一个新项目 ng new my-app 1.3 启动服务 cd my-app ng
-
angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的，实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可以包含前端表现及后端逻辑 一个组件可以是一个代码片段，能够独立运行 进一步理解指令 一个指令就是一个组件 一
-
前言 作为例子之父，Hello World是每个语言学习之时做的第一个例子，今天我们就来比较一下，使用ES5规范的Hello World和使用Typescript的Hello World有什么异同吧。 ES5 ES全称ECMAScript，它实际上是一种脚本在语法和语义上的标准。实际上JavaScript是由ECMAScript，DOM和BOM三者组成的。
-
目录 2018-1-10 2019-3-31 2021-3-27 2018-1-10 0、首先，名称不叫angularJs,而是叫angular。因为１.0版本是用javascript写的，但2.0是用typescript写的，然后编译成javascript。其次，现在是4.0版本，不是２.0，但差别不大。angular是尖的意思，就是<, 即尖括号的尖。 1、中文官方网站的教程非常好。 补充1、
-
今天在做项目的时候遇到点击复制的一个功能，虽然原生js的点击复制只需要三行就搞定了，但是在angular里面并不生效，于是在网上找了半天，也没有找到答案，最后无意间看见了大漠老师的视频，才有所启发。 下面是原生的点击复制方法： function copyUrl2(){ var copyInnerHTML = document.getElementById('invite_code');
-
今天我们来介绍一下 Angular 2 中 AsyncPipe (异步管道) ，使用 AsyncPipe 我们可以直接在模板中使用 Promise 和Observable 对象，而不用通过定义一个类的成员属性来存储返回的结果。使用async管道不需要再执行 可观察对象的 订阅 或是 promise的then来获取数据了，async自动调用相应的方法获取数据。 AsyncPipe 订阅一个 Obse
-
1.页面 <div class="folder-box" [hidden]="isHidden" *ngIf="isAuthenticated()" id="mainfolder"> <!--如果不需要折叠菜单 直接给该处添加[hidden]="true"--> <div class="folder-menu" [hidden]="hiddenMemu"> <div *ngFor="let sec
-
转载自 Angular2开发前端是否需要结合webpack?
-
jackblog api koa版 此为2.2版,基于koa2.2.x 简介 Jackblog 是使用 Node.js + MongoDB + Redis + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板. 服务端有: express 版 , koa 版 客户端有: angular1.x 版 , angular2.x 版 , react redux 版 , vue 版 移动端有: re
-
jackblog api express版 简介 Jackblog 是使用 Node.js + MongoDB + Redis + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板. 服务端有: express 版 , koa 版 客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版 移动端有: react native 版, ionic2
-
问题内容： 是否可以使用或在angular2中更改伪元素的样式？ 为了使div上的模糊效果像叠加层一样，我应该在伪元素上设置背景图像。 我尝试了类似的东西 它没有用。我也试过了 问题答案： 不，这不可能。实际上，这不是一个Angular问题：伪元素不是DOM树的一部分，因此不会暴露任何可用于与其交互的DOM API。 如果要以编程方式处理伪元素，通常的方法是间接的：添加/删除/更改类，并在CSS中
-
问题内容： 如何使用ngStyle添加背景图片？我的代码不起作用： 问题答案： 我认为您可以尝试以下方法： 通过阅读您的表情，我想您错过了一些“’” …
-
问题内容： 我正在设置一个基本的角度应用程序，并且试图在视图中添加一些CSS。这是我的组件之一的示例： 现在，从服务器请求了.css文件，当我检查页面源代码时，可以看到它已添加到头部。但是发生了一些奇怪的事情： 从此文件生成： 有人可以解释_ngcontent-mav标记的来源，代表什么以及如何摆脱它吗？ 我认为这就是为什么我的样式未应用到模板的原因。 如果您需要有关应用程序结构的更多信息，请签出
-
问题内容： 我的.routing.ts文件中有这个 我的文件检查id参数并相应地加载数据。在路由器的早期版本中，如果我从/ page / 4转到/ page / 25，则该页面将“重新加载”并且组件将更新。 现在，当我尝试导航到/ page / X时，其中X是id，它只会第一次加载，然后url会更改，但是组件不会再次“重新加载”。 是否需要传递某些内容以强制重新加载组件并调用ngOnInit事件？