App crashes when using a numeric ActionBar title (Angular only)

[NickIliev]

From @moritzvieli on June 13, 2017 15:56

Please, provide the details below:

This problem may be related to issue NativeScript/NativeScript#3210. When I use a numeric ActionBar title (e.g. "12"), the app crashes.

On Android, the following error is shown:

Did you verify this is a real problem by searching [Stack Overflow]

Yes

Which platform(s) does your issue occur on?

Both

Please provide the following version numbers that your issue occurs with:

• CLI: 3.0.1
• Cross-platform modules: 3.0.0
• Runtime(s): 3.0.1

Please tell us how to recreate the issue in as much detail as possible.

This XML is enough:

<ActionBar title="12">
  ...
</ActionBar>

Copied from original issue: NativeScript/NativeScript#4372

[NickIliev]

Hey, @moritzvieli I have created this test application but was not able to reproduce it. Can you please share more details (like on what API level you are testing) and/or provide sample project which can fully reproduce the behavior.
You can also take a look at the test application and let me know if there is a change that can trigger the issue.

Note: I am using tns-core-modules 3.0.1 (latest at this very moment)

[NickIliev]

From @moritzvieli on June 15, 2017 16:5

Hey @NickIliev Thanks for your reply! I tried with the core-modules 3.0.1 as well, but it still crashes. Your test app does not crash in my environment. I tried adding the ActionBar to the groceries app but I did not manage to make it visible until now. Unfortunately, I cannot provide you the app. What about the package.json?

[NickIliev]

@moritzvieli Yes, the content of your package.json will help us investigate further.

[NickIliev]

From @moritzvieli on June 16, 2017 6:7

Here you go:

{
  "name": "xxx",
  "version": "1.0.0",
  "description": "xxx",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "environments": {
...
  },
  "nativescript": {
    "id": "xxx",
    "tns-ios": {
      "version": "3.0.1"
    },
    "tns-android": {
      "version": "3.0.1"
    }
  },
  "dependencies": {
    "@angular/animations": "~4.1.3",
    "@angular/common": "~4.1.3",
    "@angular/compiler": "~4.1.3",
    "@angular/core": "~4.1.3",
    "@angular/forms": "~4.1.3",
    "@angular/http": "~4.1.3",
    "@angular/platform-browser": "~4.1.3",
    "@angular/platform-browser-dynamic": "~4.1.3",
    "@angular/platform-server": "~4.1.3",
    "@angular/router": "~4.1.3",
    "jsnlog": "^2.22.1",
    "moment": "2.17.1",
    "nativescript-angular": "~3.1.0",
    "nativescript-camera": "~3.0.0",
    "nativescript-drop-down": "3.0.0",
    "nativescript-exit": "1.0.0",
    "nativescript-facebook-login": "git://github.com/dvabuzyarov/nativescript-facebook-login.git#917156e0841099103f0215da02a2ab4d508ab8b7",
    "nativescript-geolocation": "^3.0.0",
    "nativescript-imagecropper": "0.0.7",
    "nativescript-imagepicker": "2.4.1",
    "nativescript-intl": "~3.0.0",
    "nativescript-iqkeyboardmanager": "1.0.1",
    "nativescript-loading-indicator": "2.3.2",
    "nativescript-onesignal": "1.0.7",
    "nativescript-pulltorefresh": "2.0.0-rc.1",
    "nativescript-statusbar": "1.0.0",
    "nativescript-telerik-ui": "2.0.1",
    "ng2-translate": "5.0.0",
    "parse5": "1.4.2",
    "punycode": "1.3.2",
    "querystring": "0.2.0",
    "reflect-metadata": "0.1.8",
    "rxjs": "^5.4.0",
    "tns-core-modules": "~3.0.1",
    "tns-core-modules-widgets": "~3.0.1",
    "url": "0.10.3",
    "zone.js": "^0.8.11"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~4.1.0",
    "@ngtools/webpack": "~1.4.0",
    "babel-traverse": "6.9.0",
    "babel-types": "6.9.0",
    "babylon": "6.8.0",
    "copy-webpack-plugin": "~4.0.1",
    "extract-text-webpack-plugin": "~2.1.0",
    "filewalker": "0.1.2",
    "lazy": "1.0.11",
    "nativescript-css-loader": "~0.26.0",
    "nativescript-dev-typescript": "~0.4.2",
    "nativescript-dev-webpack": "^0.6.3",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.0.2",
    "typescript": "~2.3.1",
    "webpack": "~2.6.1",
    "webpack-sources": "~1.0.1"
  },
  "scripts": {
    "ns-bundle": "ns-bundle",
    "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
    "start-android-bundle": "npm run ns-bundle --android --run-app",
    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
    "build-android-bundle": "npm run ns-bundle --android --build-app",
    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
  }
}

[NickIliev]

@moritzvieli confirming that this issue is reproducible in Angular based project.

Test application demonstrating the bug can be found here

[NickIliev]

@moritzvieli the issue is resolved with the upcoming version of nativescript-angular.
You can install and test with the next version as follows:

tns plugin remove nativescript-angular
tns plugin add nativescript-angular@next