Will Ionic4 with AngularJS contain the same UI Components like Ionic3?

Will Ionic4 with AngularJS contain the same UI Components like Ionic3?
And also, with the same or even better performances?
What is the release date?


1 Like

Ionic hasn’t used AngularJS since v1. Maybe you mean Angular 2 (Angular)?

1 Like

angularJS will no longer be used in future Ionic projects…
If you want to use javascript, study ReactJS…

No. When I say AngularJS I mean Angular 1x.
When I say Angular 2+ I mean Angular (2, 4, 5, 6).

Please read the next quote:

For those that love Ionic but want to use it with Vue, or React, or Ember, or jQuery, or plain JavaScript, you’ll be able to once Ionic 4 releases. In fact, we’re confident that you’ll be able to use Ionic 4 components in AngularJS (1.x), which should provide a path way into the future for developers still on Ionic/AngularJS 1!

This was written here:

at “Ionic 2017-18 Road map” article in Ionic official blog.

I really love AngularJS. And really hate Angular 2+.

HOWEVER I have noticed that Ionic 3 apps have significant better performances than Ionic 1 and 2.
I don’t know if this is due to Angular improvements or Ionic improvements.

When I am using Cordova + Android the performances are very weak.
But Ionic 3 + Angular also uses Cordova on my Android device and it works just like another native app.

Someone know what is the key point here that influence for this great performances?

Or have some details about Ionic 4?

1 Like

I see what you mean. Angular is faster than AngularJS, but Ionic 4 is suppsed to be a lot faster than Ionic 1, 2, or 3. So you’ll probably see performance improvement.

However, as far as I know, nobody has tried using the Ionic 4 alpha with AngularJS yet. So it’s just an interesting idea right now. If you run some tests, I’d be grateful if you posted here, because I’m curious how well it works.

This would also not be the correct way - as the alpha you are referring to is probably @ionic/angular.

You should be able to use the Ionic 4 UI components, which are collected in @ionic/core in an AngularJS app though.

I meant @ionic/core, though maybe I phrased it wrong if I didn’t communicate with you? Do you consider core not a part of v4 alpha? Maybe it is, but we should differentiate between core and ionic/angular even though they are in the same repo. (I could see a benefit from putting them in different repos, actually. Easier to explain to new people who don’t know Angular.)

Ionic is now multiple projects in one repo - the relevant bits are the npm packages - @ionic/core and @ionic/angular. It all being “branded” as Ionic unfortunate and confusing… but wlell, that’s what we have to live with it seems.

Will Ionic4 with AngularJS contain the same UI Components like Ionic3?

I guess it will be fair to assume that ionic4 will cover at least the same or even more/better ui elements as ionic 3

Irrespective of the underlying js framework u want use

1 Like

Oh, totally forgot to answer the actual question:

Yes, @ionic/core of Ionic 4 will contain all the same UI elements of ionic-angular 3.x as far what I have seen.

And Ionic team will create a full documentation for it for AngularJS as well as Angular 2+?

Well, I can’t look into the future…

but I guess there will be documentation on how to use Ionic 4 with the popular frameworks like Angular, React, Vue… And possibly they or a community member will create a how-to with AngularJS. I bet they will because they probably have a solid heritage of AngularJS (paying) clients.

The question is how the integration will look like at CLI level. How many commands or script tweaking is needed to get a smooth dev workflow

By looking at Josh Morony’s first fiddles (e.g. on navigation stacks) you can see that Ionic 4 will deliver mostly webcomponents (at least, my thoughts)

There is not that much to document - just use it. @ionic/core are just custom web components <ion-...> you use in your normal app. All the other stuff has to come from the framework.

(Which is how this is different from ionic-angular which has a whole lot of APIs, navigation logic etc - but this will live in @ionic/angular for Ionci 4 and still be Angular)

Yes but the documentation is based only about HTML not JS.
The JS documentation is about Angular and not AngularJS.
Isnt it?

For example, open a modal programatically, how this could be done? I can see how this could be done only on Ionic 3 documentation which is not based on AngularJS.

No idea, sorry. You’ll have to wait until there is some documentation on Ionic 4 or find a way to look at it before it is released.