• . net core + angular cli / angular 4 development environment building tutorial


    1、 Basic environment configuration 1. Install vs 2017V15.3 or above 2. Install the latest version of vs code3. Install node.jsAbove v6.9 4. Reset the global NPM source and correct it toNPM image of Taobao: npm install -g cnpm –registry=https://registry.npm.taobao.org 5. Install typescript cnpm install -g typescript typings 6. Install angularjs cli cnpm install -g @angular/cli […]

  • How to use the angular memory server


    In addition to setting up and using the simulated rest API through JSON server, angular provides a way to quickly build web services for testing: in memory server. In the separation of front end and back end development, usually before the function development, the front-end personnel and the service end will formulate the relevant API, […]

  • Experience of using angular4: general applicability of jwplayer plug-in to angular4 plug-in


    Background: in recent days, I have been using angular4 as a project. Because I only came into contact with angular4 and typescript, I have encountered many problems. This is a problem that has just been solved in the compilation of reference external plug-ins.Problem Description:Plug in name used: jwplayer.jsPlug in role: video playback plug-inStep 1: compile […]

  • Data real-time communication through stomp protocol in angular 8


    Previous summary What is stomp? STOMPSimple or streaming text oriented messaging protocol is a simple (streaming) text oriented transport protocol. STOMPyesWebSocketA more advanced sub protocol, which uses a frame based format to define messages, similar to HTTP’s request and response. STOMPProvides an interoperable connection format that allowsSTOMPThe client interacts with any agent.STOMPIs a very simple […]

  • Bad status code 400 error in ionic start (version 4. X) and solution to create new project offline


    Create a new project using ionic start with error: Error: Encountered bad status code (400) for https://d2ql0qc7j8u4b2.cloudfront.net/angular-official-tabs.tar.gz This could mean the server is experiencing difficulties right now–please try again later. at Request.req.on.res (C:\Users\xxx\AppData\Roaming\npm\node_modules\ionic\lib\utils\http.js:68:28) at emitOne (events.js:116:13) at Request.emit (events.js:211:7) at Request._emitResponse (C:\Users\xxx\AppData\Roaming\npm\node_modules\ionic\node_modules\superagent\lib \node\index.js:862:8) at ClientRequest.req.once.res (C:\Users\xxx\AppData\Roaming\npm\node_modules\ionic\node_modules\superagent\lib \node\index.js:412:10) at Object.onceWrapper (events.js:315:30) at emitOne (events.js:121:20) at ClientRequest.emit […]

  • Decrypt angular webworker renderer


    This paper mainly introduces webworker renderer of black technology in angular. How to render a page with worker thread? From the source point of view, we can take a look at the tie. Let’s make a comparison first Development Framework version:Angular 4.x Project address:angular-webworker-renderer-demo Contrast object: traditional UI thread rendering and using webworker thread to […]

  • Hidden content in ng content


    Read the latest tutorial of angular 6 / rxjs, please visit the front-end fairy Road If you try to write reusable components in angular, you may come across the concept of content projection. And then you found out<ng-content>And found some articles about it, and then realized the required functions. Let’s take a step-by-step introduction with […]

  • Monthly part of the weekly inventory of the front end


    The weekly list of front-end focuses on the content of front-end field, mainly collecting foreign materials to help developers understand the hot spots of front-end in a week; it is divided into news hot spots, development tutorials, engineering practice, in-depth reading, open source projects, peak life and other columns. Welcome to the front end WeChat […]

  • Angular4 learning record — component communication, life cycle


    Angular4 component communication, life cycle Main communication forms The parent component binds to the child component through the property, and the child component passes the parameter to the parent component through the event Parent component obtains the reference of child component through local variable The parent component uses @ viewchild to get the reference of […]

  • Angular4 learning record — data binding, responsive programming, pipeline


    Angular4 data binding, responsive programming, pipeline Data binding Basic HTML property binding <td [attr.colspan]=”tableColspan”>Something</td> Class CSS binding <div class=”aa bb” [class]=”someExpression”>something</div> <div [class.special]=”isSpecial”>something</div> <div [ngClass]=”{aaa:isA, bbb:isB}”>something</div> Style binding <button [style.color]=”isSpecial?’red’:’blue’>Red</button> <div [ngStyle]=”{‘font-style’:this.canSave?’italic’:’normal’}”></div> 4. Two way binding <input [(ngModue)]=’name’>{{name}} Responsive programming Reactive programming is actually asynchronous data flow programming observer pattern and rxjsObservable: a set of […]

  • Angular4 learning record – form


    Angular4 form Template form After importing formsmodule in app.module, the form forms in the project will be an ngform, that is, a template form. import { NgModule } from ‘@angular/core’; import { CommonModule } from ‘@angular/common’; import { FormsModule } from “@angular/forms”; @NgModule({ imports: [ CommonModule, FormsModule ], exports: [], declarations: [] }) export class […]

  • Dependency Injection in Angular 4 Learning Notes


    brief introduction Dependency injection is an important programming pattern. Angular has its own dependency injection framework, without which it can hardly build Angular applications. It is so widely used that almost everyone will abbreviate it as DI. Injector and Provider injector // injector Constructor(private productService: ProductService ){ } Explain: Usually end code is written in […]