Tag:angular4

  • How to use the angular memory server

    Time:2019-12-7

    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

    Time:2019-11-22

    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

    Time:2019-11-20

    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

    Time:2019-11-18

    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

    Time:2019-11-6

    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

    Time:2019-11-5

    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

    Time:2019-11-1

    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

    Time:2019-10-18

    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

    Time:2019-10-17

    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

    Time:2019-10-16

    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

    Time:2019-10-3

    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 […]

  • A Brief Introduction to the Way of Learning Notes in Angular 4

    Time:2019-9-28

    brief introduction Route introduction Browsers have familiar navigation modes: 1. Enter the URL in the address bar, and the browser navigates to the corresponding page. 2. Click on the link in the page and the browser navigates to a new page. 3. Click the Forward and Back buttons of the browser, and the browser will […]