Titanium

Titanium Angular Technical Preview Release Now Available

| Jan Vennemann |
updated technical preview for Titanium Angular

Today, we are pleased to announce the release of the first Technical Preview of Titanium Angular! Originally planned for late February, we decided to include some improvements and spend more time on documentation, hence the delay.

Getting Started with Titanium Angular

To start developing Titanium apps with Angular, update the AMPLIFY Appcelerator CLI and Titanium SDK.


# Latest CLI
appc use 7.0.3-41

# Latest SDK
appc ti sdk install -b master -d

With those packages installed, you can now create Angular projects with the new --ng switch within the appc new command:

appc new -t app --ng

The above code will create a new Angular project with a simple single view application that gets you started with the basics you need to know to write a Titanium app with Angular.

For an in depth guide about the project structure and other basics when working with Titanium Angular, visit our Titanium Angular guide. If you are already experienced with Angular, you can skip ahead and check out the Titanium Angular Example project, which has samples of all important Titanium views and also demonstrates how to use the Angular Router.

What’s Next?

We aim to bring you updated preview releases every few weeks to keep you updated about the progress made to Titanium Angular.

Open Source

Make sure to also check out the titanium-angular repository on GitHub, which includes the most active state of the Angular support in Titanium.

Known Issues

Please remember that this is our first preview release of Titanium Angular, and it is still under ongoing development. So, things will change or features may be missing. Here are a few things to keep in mind with the first preview release:

  • No CSS support yet. Styling needs to be done directly on the elements. Bringing CSS support to Titanium Angular is planned for Q4 of this year.
  • A few platform specific views are not available yet in templates, see the “Working with Titanium elements” section on our Limitations & Workarounds page.
  • Hyperloop is not yet compatible with Titanium Angular. But don’t worry, we’ll introduce Hyperloop support in one of the upcoming preview releases.
  • The Angular routing in Titanium currently has limited functionality. You can only navigate within normal Windows and TabGroups. Platform-specific navigation concepts like DrawerLayout on Android or NavigationWindow on iOS are not yet supported. Opening modal windows is also not possible via the router right now. Extending router functionality to these platform-specific components is our top priority for the next preview release.

How can I help?

If you run into any issues using Titanium Angular, please report them on JIRA.

First, check if it’s a known issue you can watch. If you can’t find an existing ticket, then create one in the Appcelerator Community (AC) project and add as much relevant information as you can, including the release version you are using.

Code strong!