ngif angular2

Prepare angular 2 environment Ng-bootstrap is based on angular 2, so it is necessary to prepare the angular 2 environment first. Using Ng-bootstrap Download Ng-bootstrap Ng-bootstrap uses bootstrap 4.0 ALPHA2, so you need to download the bootstrap first and recommend the form of NPM package: NPM Install bootstrap@4.0.0-alpha.2--save Then download the ng-bootstrap and use the same form as NPM package: NPM Install @ng-bootstrap/ng-bootstrap--save Modify Systemjs.confi

Previous Article Angular2 Introductory series Tutorials-Multiple components, master-Slave relationsIn programming, we typically separate the data provided to avoid repeatedly copying the code that pastes the data request during the program's writingThe concept of dependency injection is provided in Angular2 so that we can do it gracefully. Simply described here, dependency injection allows us to write code

Preface: Recently, due to the needs of the project, the need for in-depth study of ANGULAR2, although there has been research, but because of the lack of best practices, and then real to practice when still encounter a lot of key points. Experience to: "Consider 1000 times, better to do it once." Hesitate 10,000 times, try to practice once. ”。 In the ANGULAR2 related front-end project, there will be a i18n

Previously summed up the RC4 routing configuration, Angular2 upgrade RC5 after the addition of Ngmodule and Routermodule and many other components, so the current routing configuration is also changing a lot. 1. Most of the leading-by applications are to add a 2. Configure the Router App.routing.ts Import {Routes, routermodule} from ' @angular/router '; Const Approutes:routes = [ { path: ', redirectto: '/dashboard ', pathmat

tool under node, so the module loading mechanism also uses node mechanism, otherwise it will prompt the following error Error Ts1148:cannot compile modules unless the '--module ' flag is provided. Error Ts2307:cannot find module ' angular2/angular2 '. Error Ts2307:cannot find module ' angular2/http '. 2: Define compilation target Type "Target": "ES5"To conv

Shadowdom-Encapsulating private stylesANGULAR2 uses shadowdom as the rendering basis for the component, which means that the component is rendered to a separate shadow tree, which is good for good encapsulation of DOM objects and styles:The problem is that most browsers, except for Chrome, do not currently support Shadowdom, so ANGULAR2 provides three strategies for rendering templates to the DOM.Taking the following template as an example, we look at

OverviewANGULAR2 's official recommendation should be to use SYSTEMJS to load, but when I use the tree shaking, I find that if I use Systemjs+rollup, I can only package it into one file, and then lazy loading can't do it.So I used webpack2,webpack2 with the tree shaking, as long as the Tsconfig in the module set to es2015, although the effect is not rollup good, but support lazy loading.In addition, ANGULAR2 currently does not support typescript 2.1.X

If you have seen Angular2 's official website, you should know that you can quickly build a angular project with CLI tools, install node. js and NPM before installing the CLI, and node. JS has a version of 6.9.0 or more, NPM should be above 3.0.0.My node. js and NPM were installed successfully, but always made an error while installing ANGULAR/CLI, and later knew that node. JS had to install the 6.9.4 version.Before installing node. js, if you do not

This article mainly introduces how to judge the results of the validator. Here, let's look at how to implement a custom validator. Goal We want to implement a verification of the phone number of the validator, the use of the example or based on the previous article inside the example, that is, the user information entered the form page. We add a validator that verifies the phone number on the element of the cell phone number. Then, if the phone number verification fails, an error is displayed,

Cross-origin access to ASP. net mvc in Angular2, angular2mvc Application scenarios 　　Project Development decides to use angular2 for frontend and backend separate development. I am responsible for backend service development. At first, I chose web api for development. Cross-origin access is supported through API middleware + filter. After a development period, the notification needs to be transplanted to

Inject a complex serviceEzalgo is fairly simple, and using new or using injector to get an instance looks a little different. What if our Ezapp component is going to use the HTTP service?At first glance, the HTTP service is clearly a really useful service-because it looks quite complex-HTTP relies on Xhrbackend and baserequestoptions, and Xhrbackend relies on BROWSERXHR.There are two ways we can get an instance of HTTP in order to get the functionality of network access through it:1. Instantiati

Application Scenarios 　　Project development decided to use ANGULAR2 for front-end separation development, I was responsible for the development of the backend services, initially selected the Web API for development. Cross-domain access is supported through API middleware + filters across domain access. After a period of development, the notification needs to be ported to the MVC4 project to publish ANGULAR2