Contents
Version[edit | edit source]
2[edit | edit source]
uses TypeScript
- Angular animations are built on top of the standard Web Animations API... a polyfill is required for iOS versions#7.1+
- Category:HtmlCss_guide#<template> requires iOS versions#7
problems on mobile[edit | edit source]
- in Ripple angular2-polyfills.js.canPatchViaPropertyDescriptor() returns false but seems to return true
- in KitKat works good
back button[edit | edit source]
- window.history.back()
- in Ripple returns but do not refresh page
- in KitKat "Error: Uncaught (in promise): ObjectUnsubscribedError at resolvePromise (angular2-polyfills.js:602:32)"
6[edit | edit source]
в релиз вышла шестая версия с интеграцией webpack 4
7[edit | edit source]
without cli[edit | edit source]
https://www.freecodecamp.org/news/how-to-configure-webpack-4-with-angular-7-a-complete-guide-9a23c879f471/
cli[edit | edit source]
- npm install -g @angular/cli
You develop apps in the context of an Angular workspace. A workspace contains the files for one or more projects. A project is the set of files that comprise an app... When you generate an app (ng generate application my-other-app), the CLI adds folders under projects/
8[edit | edit source]
iOS: 2 most recent major versions - BAD!!!, iOS versions#9 is needed
Property binding[edit | edit source]
Style object[edit | edit source]
vendor prefixes to your #Style object
dependency-injection[edit | edit source]
Value providers and Factory providers
Forms[edit | edit source]
- touched or untouched
- valid or invalid
- pristine or dirty
Advantages and Disadvantages of Model Driven Forms[edit | edit source]
We can now unit test the form validation logic !.. The ControlGroup and Control classes provide an API that allows to build UIs using a completely different programming style known as Functional Reactive Programming... its possible to subscribe to the form stream of values using the Observable API
Using FormBuilder[edit | edit source]
Reactive forms[edit | edit source]
Dynamic forms[edit | edit source]
Router[edit | edit source]
By default, the router reuses a component instance when it re-navigates to the same component type without visiting a different component first. The parameters can change between each re-use.
- BaseHrefWebpackPlugin may be better than APP_BASE_HREF
- navigating from browser should be coordinated with historyApiFallback or apache configuration
- routes to have:
{ path: '', redirectTo: '<default>', pathMatch: 'full' }, { path: '**', component: a404component },
Directives[edit | edit source]
There are three kinds of directives in Angular:
- Components—directives with a template.
- Structural directives—change the DOM layout by adding and removing DOM elements.
- Attribute directives—change the appearance or behavior of an element, component, or another directive.
Pipe Async[edit | edit source]
use the async pipe in the template and bind to the promise directly
вы обычно должны в определенный момент отписываться, чтобы освободить память
Dynamic DOM[edit | edit source]
Typical application[edit | edit source]
has app.service.ts that holds many services injected
views[edit | edit source]
App view[edit | edit source]
Hmr[edit | edit source]
- @angularclass/hmr
dependency for @angularclass/hmr but has error that corrected here: use NGRX state management (similar to redux)
Deployment view[edit | edit source]
eliminate the need for jQuery, if possible...Angular's jqLite should be able to do a lot
Pages in category "Angular"
The following 8 pages are in this category, out of 8 total.