11.2.0 (2021-03-24)
11.0.1 (2021-01-22)
11.0.0 (2020-11-17)
10.1.7 (2020-10-12)
- Export injection token used by plugins (#2268) (75865f2)
- expose NSLocationStrategy and NSRouteReuseStrategy (9b8435e)
- export injectiontoken for template items (52a56d7)
10.1.5 (2020-09-21)
10.1.4 (2020-09-21)
- detached-loader: detach loadWithFactory (#2260) (1dca81b)
- renderer: order not preserved (#2261) (07abb9e)
10.1.3 (2020-09-21)
- detached-loader: completely deatch components (#2257) (623d2f7)
- ivy: support view references in insertBefore (#2258) (c2eaef5)
10.1.0 (2020-09-04)
10.0.3 (2020-08-27)
- router: page navigation bug if there's not outlet for frame after clearing history (#2233) (8bedc2d)
10.0.2 (2020-08-19)
10.0.0 (2020-07-30)
- angular: support for v10 (#2189) (fd71458)
- ivy support (#2169) (f10a8fb), closes #2152 #2060
- support for async APP_INITIALIZER and animated launch screens (#2170) (b6ac290)
- router: query params are now preserved when navigating back (#2062) (221e404)
- segmented-bar: listview crash when scrolling (#2128) (1b191b0)
9.0.0 (2020-06-03)
- bindable: parent referenced expression-values now load properly using an update call (#8670) (6b0028a), closes #8666 #6981 #5054
- scroll-view: android 'isScrollEnabled' will apply if changed while gesture is underway (#8695) (02ec7f1)
- snapshots: android is not defined (#8691) (a8bbd7c)
- text-view: only reload text if hint is showing on ios (#8662) (ec17727)
- connectivity: getActiveNetworkInfo and NetworkInfo modern compliance #8580 (#8652) (635f31f)
- dialog: ios destructive style from options (#8676) (bb531ce)
- ImageSource: resize method (#8678) (bd12baf)
- text-view: allow easy subclassing on ios (#8663) (7d36447)
- angular 9 ivy (fbe2450)
8.20.4 (2020-01-07)
8.20.3 (2019-11-13)
- add exports for backwards compatibility (fbd46c1)
8.20.2 (2019-11-12)
- add exports in
nativescript-angularpackage for backwards compatibility (4a5d022)
8.20.1 (2019-11-07)
8.20.0 (2019-10-23)
- add scoped package @nativescript/angular (#2014)
8.2.2 (2019-10-16)
8.2.1 (2019-08-28)
8.2.0 (2019-08-13)
- The
NativeScriptHttpModuleis removed @angular/httpis removed from the dependencies
Migration steps:
- If using
NativeScriptHttpModule, replace withNativeScriptHttpClientModuleas done here - as
@angular/httpis no longer a peerDependency ofnativescript-angular, you can remove if from your dependencies
8.1.0 (2019-07-31)
8.0.3 (2019-07-26)
- add backwards compatibility for 'tns-core-modules' version 5.4.x (635bb36)
8.0.2 (2019-06-28)
- remove deprecated API usage (#1874) (ab740cd)
- migrate from ReflectiveInjector (deprecated) to StaticInjector (#1868) (e432841)
- Update peer dependencies to Angular 8.x.x (#1857) (060aabf)
- tabs: register tabs elements (#1883) (092a833)
8.0.1 (2019-06-12)
- do not throw if element already registered (#1838) (e90f8b5)
- 1845: CSS special selector ":host" only work first time (#1852) (59a5bd8)
8.0.0 (2019-05-29)
- router: fix return value for getTransition of NSRouterLink (d20b645), closes #1784
- tsconfig: exclude aot files from compilation (a4eb409)
- upgrade to Angular 8 (b16046d)
- In Angular version 8, it's required that all
@ViewChildand@ContentChildqueries have astaticflag specifying whether the query isstaticordynamic. More details about this change can be found here.
Migration steps:
Anywhere you previously had @ViewChild with a single param you now have to provide a second param with a static property set to either true or false
Previous code:
import { ElementRef } from "@angular/core";
@ViewChild("myElement") myElement: ElementRef;
Migrated code:
import { ElementRef } from "@angular/core";
@ViewChild("myElement", { static: false }) myElement: ElementRef;
7.2.4 (2019-05-14)
- router: routing services should be provided in forRoot only (#1729) (0f6a975)
- mark reattached view for CD (#1803) (b6dbe57)
- Potentiel leak: NativeScript views not cleaned up on removal (#1738) (59a1cde)
- modal: add ‘ios presentationStyle’ option to ModalDialogParams (9cfa127)
7.2.3 (2019-03-14)
7.2.2 (2019-02-19)
- list-view: add support for default item template (4061cc7)
7.2.1 (2019-02-10)
- location-strategy: extend support for nested primary outlets (566896d)
- Router tracing does not work with webpack (e87ef68)
7.2.0 (2019-01-31)
- p-r-o: needless forward navigation after back inside nested named outlet (130e392)
7.1.2 (2019-01-21)
7.1.1 (2018-12-20)
- page-router-outlet: prevent needless forward navigation after back inside nested named outlet (d8a0653)
7.1.0 (2018-12-07)
- Angular 7.1 support
7.0.3 (2018-12-05)
7.0.2 (2018-11-26)
- page-router-outlet: actionBarVisibility not applied (#1621) (a6ff509)
- router-extensions: unable to go back with relativeTo param (#1632) (63900dc)
7.0.1 (2018-11-20)
- crash in deactivate page router outlet (#1590) (f8c7468)
- dialogs: unable to reopen shared modal view when tab as root (199c245)
- location-strategy: crash when going back on nested named lazy loaded module (#1618) (d9ffb83)
7.0.0 (2018-11-12)
- Angular 7 support
6.2.0 (2018-10-30)
- frame-service: move FrameService provider to NativeScriptModule (#1489) (3b434c9)
- Import reflect-metadata(needed in JIT mode) before @angular (#1530) (6e45af0)
- Persist the original "parentNode" when "retrieving" the root View created by createEmbeddedView (#1542) (0b8d2c5)
- add actionBarVisibility property to page-router-outlet (#1573) (c645ca8)
- enable nesting named page router outlets (#1556) (46a0dc0)
- HMR bootstrap and livesync options (#1531) (1e92c7b)
6.1.0 (2018-08-06)
- mark NativeScriptModule as root injector (#1418) (ce70add)
- provide NullViewportScroller in NativeScriptModule (dd412bf)
- animations: inject document object in the animation engine (#1395) (379e958), closes angular/angular#23300 #1393
- forms: TextValueAccessor raises onTouched on blur (#1230) (06ca3a0)
- remove global document object (2b201be)
- location-strategy: find the correct outlet when navigating back and forward (#1404) (f0119a0)
- modal: lower isModalNavigation flag when closing modal (#1378) (6ab1cac)
- modal: throw from tns-core-modules is now properly caught and rejected (70730d9)
- router: avoiding throw for app stability improvements (#1344) (82747df)
- tabview: implement setter for TabViewItem Directive's configuration (#845) (#1370) (1d44679)
- The
documentobject is no longer property of theglobalobject. This may cause behavioral changes in some plugin that use thedocumentobject to determine if they're running in browser context.
Fixes #1144.
6.0.6 (2018-06-22)
IMPORTANT! You should use this version with @angular/* v6.0.6 and up.
- clean up properly shared modal page router outlets (#1360) (3332ca2)
- animations: inject document object in the animation engine (#1395) (379e958), closes #1393
- modal: lower isModalNavigation flag when closing modal (#1378) (6ab1cac)
6.0.0 (2018-05-30)
- Use cssType (uglify safe) instead typeName of for view metadata. (d85910c)
- modal: closeCallback(...) should not have side effects when called multiple times (#1349) (bffbbc2)
- modal: missing animated & stretched params (#1293) (a9a901b)
- router: state is not guarded before use (#1331) (d27a893), closes /github.com/NativeScript/nativescript-angular/commit/b98da83adb3f5c51ee448fa38a51b7c65274c82e#diff-a7820fa2a2eb0ce14f3f0b8bfc666dd5R49
- TabViewItemDirective : textTransform property added (#1315) (11d01f9)
- Angular 6 support
- router: enable flexible page router outlets (#1298) (b98da83)
- testing: Testing Components with TestBed (#1175) (52f3ec6)
5.3.0 (2018-04-10)
This version requires NativeScript 4.0.
- animations: provide fake document object in both AoT and JiT mode (#1164) (040e0e3), closes #1163
- App crashes on restart in android (#1261) (331b878)
- NS 4.0 Integration (#1250) (f84fbdc)
- prevent core modules from getting loaded multiple times (#1196) (010fed7)
Importing NativeScriptModule and NativeScriptAnimationsModule in multiple ngModules is no longer allowed.
To migrate:
- in
AppModule:- import
NativeScriptModule - import
NativeScriptAnimationsModule- only if you are planning to use Angular Animations
- import
- in the remaining modules:
- remove
NativeScriptModuleimports and replace withNativeScriptCommonModuleimport - remove
NativeScriptAnimationsModuleimports
- remove
BEFORE:
app.module.ts:
import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
import { NativeScriptAnimationsModule } from 'nativescript-angular/animations';
...
@NgModule({
imports: [
NativeScriptModule,
NativeScriptAnimationsModule
],
...
})
another.module.ts:
import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
import { NativeScriptAnimationsModule } from 'nativescript-angular/animations';
...
@NgModule({
imports: [
NativeScriptModule,
NativeScriptAnimationsModule
],
...
})
AFTER:
app.module.ts:
import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
import { NativeScriptAnimationsModule } from 'nativescript-angular/animations';
...
@NgModule({
imports: [
NativeScriptModule,
NativeScriptAnimationsModule
],
...
})
another.module.ts:
import { NativeScriptCommonModule } from 'nativescript-angular/common';
...
@NgModule({
imports: [
NativeScriptCommonModule
],
...
})
NativeScript 4.0 allows you to put any view as the root (not only Frame) of the application. To support in angular projects we had to introduce some changes in how A{N}gular apps are bootstrapped.
PREVIOUS BEHAVIOR
Bootstrap creates a root Frame and initial Page. Then it bootstraps the angular application inside this page. Navigation with <page-router-outlet> will always navigate in the Frame created by the bootstrap.
Limitations:
- You cannot change the root view of the app (to
RadSideDrawerfor example). It is always theFramecreated by the bootstrap. - You can have only one
<page-router-outlet>as there is only oneFrame. - You always have a
Pageview wrapping your components. Because theActionBaris part of thatPageyou can always change it with the<ActionBar>component.
NEW BEHAVIOR
Bootstrap will not create root view by default. It will use the root view of your main application component as the root view of the application. The <page-router-outlet> component will create its own Frame and will use it for navigation. It will also wrap the components you navigate to in a Page and will navigate to it as it did before.
Which means:
-
You can use any view for application root. Finally, you can have application-wide
RadSideDrawer. -
You have more flexibility over where to place the
<page-router-outlet>, you can even have more than one for more advanced scenarios. -
If you don't use
<page-router-outlet>in your app you will not get the defaultPageandFrame, which means you will not be able to inject them in you components or show theActionBar. There is specialcreateFrameOnBootstrapoption you can pass on bootstrap to make things as before:
platformNativeScript({ createFrameOnBootstrap: true })
.bootstrapModuleFactory(AppModuleNgFactory);
- If you are using
<page-router-outlet>you probably don't have to do any changes. Bootstrap will not createFrameandPage, but the outlet will do that. It will also take care of providingPageand so theActionBarshould work as before.
WORKING WITH FRAMES
There might be multiple frames (if you have multiple <page-router-outlet>'s). Angular DI works with singletons, so it will always return one instance of Frame. We have introduced FrameService (still experimental) which has a getFrame() method. It will return the current frame (the one you have navigated last).
The signature onAfterLivesync observable changed from:
export const onAfterLivesync = new EventEmitter<NgModuleRef<any>>();
to:
export const onAfterLivesync = new EventEmitter<{ moduleRef?: NgModuleRef<any>; error?: Error }>();
5.2.0 (2018-01-17)
5.1.0 (2018-01-10)
5.0.0 (2017-12-20)
-
UI must be created before first render, drainMicroTasks when the first page is created. This removes the white screen displayed between the launch screen and the initial page view. Speeds up roughly 300ms startup times for iOS with Angular. (#1103)
-
update to Angular 5 animations and add support for AnimationBuilder (#1114) (191f2a0)
NSModuleFactoryLoader is no longer needed for {N} apps. (192a3d0)
Before:
// app.module.ts
@NgModule({
providers: [
{ provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader }
// ...
],
// ...
})
class AppModule { }
After:
// app.module.ts
@NgModule({
providers: [
// ...
],
// ...
})
class AppModule { }
5.0.0-rc.0 (2017-11-06)
- Initial Angular 5.0 support (#1073)
4.4.1 (2017-10-13)
This is the last version of NativeScript Angular that supports Angular 4.
- forms: add base-value-accessor.ts for <4.4.0 versions compatibility (#1039) (79e425c)
4.4.0 (2017-10-11)
- forms: default to unsetValue for value accessors (#846) (6940955)
- forms: disable onTouch for date, number and selectedIndex value accessors (#986) (b4b5ef6), closes #887
- add
exportAslogic forisActiveonrouterLinkActivedirective (#940) (147d35a) - Http: expand support for request on local files (#982) (b95184f)
- styling: Allow loading .css files as a fallback if no .scss file is found(#954) (#955) (696e914)
- Angular 4.4 support (#1002) (c264453)
4.2.0 (2017-08-09)
NativeScriptModuleshould be imported only in the root application module (usually namedAppModule). All other NgModules in the app (both feature and lazy-loaded ones) should import theNativeScriptCommonModuleinstead. The behavior is aligned withBrowserModuleandCommonModulein web Angular apps described in this guide.
Migration steps:
In all NgModules, except the root one (AppModule), replace:
import { NativeScriptModule } from "@nativescript/angular";
…
@NgModule({
imports: [
NativeScriptModule,
]
…
})
with:
import { NativeScriptCommonModule } from "nativescript-angular/common";
…
@NgModule({
imports: [
NativeScriptCommonModule,
]
…
})
3.1.3 (2017-07-19)
- action-bar: ignore InvisibleNodes when adding title (#903) (8308e45), closes #897
- asynchronously destroy items evicted on clearHistory navigation (#847) (448412a), closes #829
3.1.2 (2017-07-12)
3.1.1 (2017-06-29)
3.1.0 (2017-06-19)
- animations: use parsers from core modules (#844) (1abebb6), closes #738
- dom-adapter: add fake implementation for getUserAgent (#835) (743131c), closes #831
- forms: add (touch) event and [disabled] property for controls (#836) (c8a6404), closes #804
- ns-router-link: convert clearHistory string to boolean (#834) (ff99984), closes #832
- renderer: add styles when ViewEncapsulation is None (#812) (8d013e2), closes #794
- renderer: set templateParent to comment and text nodes (#785) (b127ba7), closes #777 #787
- renderer: stop performing value conversions (#806) (354074d), closes #799
3.0.0 (2017-05-03)
- action-bar: Don't remove action items twice. (b96b61f)
- animations: add onDestroy method to NativeScriptAnimationPlayer (ec07ec3)
- animations: set nodeType 'element' to newly created views (#720) (8af20ad)
- gitignore: Add editor files into gitignore (9beea98)
- init: Bootstrap Angular on page "navigatingTo" event. (85b9d01)
- list-view: Destroy item views on unload (71301aa)
- list-view: Do not access destroyed items' ng views. (c6f7549)
- list-view-comp: IterableDiffer is now parameterized on (f692c5f)
- ns-http: make defaultOptions of type RequestOptions (073c95d)
- action bar: attach #comment nodes with _addView (#729) (0490605), closes #725
- ns-router-link: navigate with urlTree (#728) (3c6f5ab), closes #724
- use providers' map for injectors in page-router-outlet (#744) (07fe66c), closes #741
- animations: introduce NativeScriptAnimationsModule (#704) (f9ad6a5)
- renderer: use EmulatedRenderer to scope component styles (70603c4)
- renderer: implement createComment and createText methods using (0f128ad)
- renderer: support namespaced attributes (#719) (9b5b413)
- animations: To use animations, you need to import the NativeScriptAnimationsModule from "nativescript-angular/animations" in your root NgModule.
- User applications cannot import NativeScriptModule from "nativescript-angular/platform" anymore. Migration: Before:
import { NativeScriptModule } from "nativescript-angular/platform";
After
import { NativeScriptModule } from
"nativescript-angular/nativescript.module";
1.5.2 (2017-04-18)
1.5.1 (2017-03-30)
- action bar: attach #comment nodes with _addView (#729) (be93db6), closes #725
- ns-router-link: navigate with urlTree (#728) (71058f8), closes #724
1.5.0 (2017-03-22)
- action-bar: Don't remove action items twice. (677d7e0)
- animations: add onDestroy method to NativeScriptAnimationPlayer (2e24010)
- dom_adapter: add missing
containsmethod signature (bae45f6) - dom_adapter: update setTitle and getGlobalEventTarget to be compliant with Angular API (25c134d)
- gitignore: Add editor files into gitignore (819a960)
- init: Bootstrap Angular on page "navigatingTo" event. (ab04aba)
- list-view-comp: IterableDiffer is now parameterized on <KeyedTemplate> (780967d)
- ns-http: make defaultOptions of type RequestOptions (db730e2)
- page-router-outlet: activateWith instead of activate method (8d832bc)
- page-router-outlet: manually run detect changes when navigating to new page (07caa74)
- platform: import InjectionToken and ViewEncapsulation instead of OpaqueToken (c4dc8d4)
- platform: import MissingTranslationStrategy (d2328a5)
- renderer: implement createComment and createText methods using Placeholders (c0ec870)
- renderer: use _eachChildView for nextSibling (150c1ce)
- renderer: use flags in
setStyleandremoveStyleinstead of booleans (a6d9247) - ts: ship package with reference to iterable interface (7edfa6b)
- animations: introduce NativeScriptAnimationsModule (b5874ba)
- renderer: implement simple nextSibling method using parent's _eachChildView (98d9d20)
- renderer: upgrade to be compliant with Angular 4's Renderer2 and RendererFactory2 (a3adcca)
- renderer: use EmulatedRenderer to scope component styles (25f5111)
- NativeScriptModule: User applications cannot import NativeScriptModule from "nativescript-angular/platform" anymore. Migration: Before:
import { NativeScriptModule } from "nativescript-angular/platform";
After
import { NativeScriptModule } from
"nativescript-angular/nativescript.module";
-
animations: To use animations, you need to import the NativeScriptAnimationsModule from "nativescript-angular/animations" in your root NgModule. Also you need a dependency to "@angular/animations".
-
typescript: The required version of TypeScript is ~2.1. Support for ~2.2 requires changes in
tns-core-modulesand will be provided with NativeScript 3.0.
- Angular 2.1.2 compatibility release
- Angular 2.1.1 compatibility release
- [Experimental] Support for ahead-of-time(AOT) compilation.
- Angular 2.1.0 compatibility release
- Angular 2.0.2 compatibility release
- Modal dialogs no longer require that you create a ModalDialogService provider in your component.
- Migrate to Angular 2 RC5.
- Bootstrapping apps using NgModule's. The old
nativescriptBootstrapmethod is gone, and apps should switch to theplatformNativeScriptDynamic().bootstrapModule(MyAppModule)API - The library entrypoint is now the
nativescript-angular/platformmodule. ImportNativeScriptRouterModulefromnativescript-angular/routerandNativeScriptFormsModulefromnativescript-angular/formsrespectively if you want to use routing and form value accessor directives.
-
Migrate to Migrate to Angular RC3 and Angular Router 3.0.0-alpha.7:
-
Build no more requires globally installed typings
-
(#273) ModalDialogService.showModal() doesn't show modal
-
(#257) iOS navigation bug
-
(#252) Using text-decoration in a template causes iOS app to crash
-
(#262) Critical - Memory and cpu usage.
-
(#242) Use the ComponentFactory API instead of deprecated DynamicComponentLoader
-
(#229) Implement ngStyle directive
-
The Beta Angular Router moved to
nativescript-angular/router-deprecatedto continue using it change imports:nativescript-angular/router->nativescript-angular/router-deprecatednativescript-angular/router/ns-router->nativescript-angular/router-deprecated/ns-router-deprecated
-
Build requires globally installed typings (
npm install -g typings)