Several dependency injection methods of angular
1,useClass
One way to write a provider is like this
providers: [...Service...],
Its complete writing method is
providers: [{provide:Service,useClass:Service}],
provide provides the token and the service actually used is the service declared by useClass, as follows
providers: [{provide:Service,useClass:anotherService}],
If ot ...
Posted by kimbeejo on Mon, 30 Dec 2019 06:24:27 -0800
ionic2 geolocation, transforming geolocation coordinates into Baidu coordinates and Gaud map coordinates
Install the geolocation plug-in and execute the following command
npm install --save @ionic-native/geolocation
Declare the geolocation plug-in in app.module.ts
import { Geolocation } from '@ionic-native/geolocation';
@NgModule({
providers: [
{ provide: ErrorHandler, useClass: IonicErrorHandler },
Geolocation ...
Posted by TechGuru on Sun, 29 Dec 2019 09:03:16 -0800
Angular5 + custom form validator
Angular5 + custom form validator
Custom Validators
Labels (space separated): Angular
First of all, the following problems are described:
How to implement the verification of "reenter password" (equal value of two controller s) (equalTo)
How to listen in the reverse direction (first enter "enter password again", then enter ...
Posted by mcccy005 on Sat, 28 Dec 2019 06:51:27 -0800
Ng repeat limit cycles in angular.js limtto() (project summary)
The previous project was done with the old angular.js. The previous loop traversal always used ng repeat. When using ng repeat, you can limit the number of loops, that is, limtTo. See the example:
<div class="tgw-desc-lie">
<div class="tgw-desc-lie-item tgw-padding15 tgw-borderBottom"
ng-rep ...
Posted by biffjo on Thu, 26 Dec 2019 09:49:57 -0800
CSS drawing parallelogram
There are three methods:
(1) , parent element transform: skewX(-45deg); child element transform: skewX(45deg);
Rendering 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Com ...
Posted by Muncey on Tue, 24 Dec 2019 08:19:58 -0800
Angular scope object and controller object
Angular scope object and controller object
Based on AngularJS v1.2.29
Scope object
It is a js instance object, and the ng app instruction creates a root scope object ($rootScope) by default
Its properties and methods are associated with instructions or expressions on the page
Controller object
Is a js instance object u ...
Posted by Gier NL on Fri, 20 Dec 2019 07:49:04 -0800
GridManager format data
GridManager When processing data, it is necessary to use the specified data format. In the actual scene, there are some format differences more or less.
How to deal with these differences will be explained here
1. Only return field name is inconsistent
Data and totals in the primary data can be adjusted by using dataKey and totalsKey.
The back- ...
Posted by xray_griff on Thu, 12 Dec 2019 06:16:29 -0800
AngularJS integrated wangedit rich text editor
Recently, the project requirements built with AngularJS2(ng alain) need rich text. Many of them are found online, either too heavy or without detailed integration steps.
Below is a detailed list of how I can integrate wangedit into my project (project name myPro).
Specific operation steps
Operation steps reference:
https://github.com/fengnovo/ ...
Posted by Hellusius on Mon, 09 Dec 2019 13:34:16 -0800
Angular UI router and AngularJS implement dynamic (lazy) loading modules and dependencies through ocLazyLoad
What is UI router
UI router is one of the most useful components of the AngularUI Library (the AngularUI library is built by the AngularJS community). It is a third-party routing framework that allows interfaces to be organized through state mechanisms rather than simple URL routing.
What is ocloadload
Ocloadload is the module on demand loade ...
Posted by jaymc on Fri, 06 Dec 2019 23:30:57 -0800
Using encapsulation for ionic3 toastController
1. description
toastController is an official message prompt box component provided by ionic, which is used to give feedback and prompt to users after operation.Official website address: https://ionicframework.com/do...The following is the default style. To use it in a project, you need to change many styles, and you need to explain some parame ...
Posted by dstockto on Fri, 06 Dec 2019 11:12:54 -0800