Ionic 3.0.0 Beta!

Hi @mhartington
does it support Salesforce Mobile SDK because i found a problem with Ionic 2 whenever i added the Salesforce Mobile SDK using cordova plugin I got this problem:

no resource found that matches the given name ( at ‘icon’ with value ‘@drawable/sf__icon’)
Regards

Hello all thankyou so much to make me already join here

Whats the difference? As i see its only more work for me to update?

There were issues with adding the color attribute to a native element that also had a directive attached. For example, if you had the following:

<a ion-button color="secondary">Secondary Button</a>

It was applying the background color for button and the text color for the a tag so it was not legible. We worked around this by hardcoding exceptions but ultimately we decided that it made more sense to explicitly add a directive in order to style the text color of any element. This applies to the following native elements:

h1, h2, h3, h4, h5, h6, a, span, b, i, strong, em, small, sub, sup

We’ve been logging a console warning since rc.3, it was just a matter of waiting to introduce the breaking change. Please let me know if you have any questions or concerns. :slight_smile:

How compatible is Ionic 3 going to be with Ionic 2?

Take a look at the google doc. Down at the bottom are a list of breaking changes.
Really the only big change is the upgrade to angular 4, some setup changes, and removal of old APIs.

1 Like

Cool! Looking forward to hearing more!

DeepLinker URL in Lazy Loading section of GoogleDocs is broken.

http://ionicframework.com/docs/v2/nightly/api/navigation/DeepLinker/

  1. In the same section, Lazy Loading, of GoogleDocs, I think there is a typo: ./favorite should be ./home?

//home.module.ts
import { NgModule } from ‘@angular/core’;
import { HomePage} from ‘./favorite’;
import { IonicPageModule } from ‘ionic-angular’;

  1. I got the following errors after following the lazy loading section on the doc:
    I have also checked out the sample app: https://github.com/mhartington/star-track-ionic/

Unhandled Promise rejection: undefined is not a function ; Zone: ; Task: Promise.then ; Value: TypeError: undefined is not a function
Error: Uncaught (in promise): TypeError: undefined is not a function TypeError: undefined is not a function

Edit: it worked after I updated “@ionic/app-scripts”

Just wonder what changes if any that I have to make to ensure that lazy loading feature works for
html tags [navPush] for example:

<button ion-item [navPush]="HomePage" [navParams]="{type:'home'}" style="border:none;">

According to the documentation, it seems that I don’t have to do anything?

Since “HomePage” is already a string, I would be surprised if you had to do anything except ensure it’s got an IonicPageModule somewhere.

Right, thanks!

I guess ModalController’s create method can’t take a string type as the first argument yet, right? so, i have to import the modals at the beginning of the loading.

ModalController create method

After setting up lazying loading for all the pages and pipes, i realized that my app is acting weird when i refresh the page on a browser.

I got the following error:
TypeError: Cannot read property ‘indexOf’ of null
at Tab.NavControllerBase._cleanup (http://localhost:8100/build/main.js:63214:59)
at Tab.NavControllerBase._transitionFinish (http://localhost:8100/build/main.js:63116:18)
at t.invoke (http://localhost:8100/build/polyfills.js:3:14529)
at Object.onInvoke (http://localhost:8100/build/main.js:4499:37)
at t.invoke (http://localhost:8100/build/polyfills.js:3:14469)
at n.run (http://localhost:8100/build/polyfills.js:3:9741)
at NgZone.run (http://localhost:8100/build/main.js:4368:62)
at Array. (http://localhost:8100/build/main.js:63064:25)
at MDTransition.Animation._didFinish (http://localhost:8100/build/main.js:36299:29)
at MDTransition.Animation._playProgress (http://localhost:8100/build/main.js:35638:18)
at MDTransition.Animation._playDomInspect (http://localhost:8100/build/main.js:35603:14)

Update: it is caused by ion-tab’s nav-controller-base’s clean up function after refreshing the page.
https://github.com/driftyco/ionic/blob/41e34fc4ce08444330d0c7781c367dce1e6ee0a1/src/navigation/nav-controller-base.ts

1 Like

Sorry if I should not be cross posting it here from git Issue tracker.

I has posted an issue with click event on ionic3 but it was closed as the moderator could not reproduce the issue.
Please see the post here
https://github.com/driftyco/ionic/issues/10935

However, since coupe of more people supported the fact. I requested re-opening the issue also.

Has anyone seen this too or this is not really an issue in general. Thanks.

"@angular/platform-server" (which was in Ionic starter V2) is missing in the Upgrade guide dependency section. Do I have to worry?

Also in the guide doc a closing quote is missing,

What we’ll want to do is create a new file here, called home.module.ts, similar to our app.module.ts

//home.module.ts
import { NgModule } from '@angular/core';
import { HomePage} from './home;             <-- Closing quote is missing
import { IonicPageModule } from 'ionic-angular';

@NgModule({
  declarations: [HomePage],
  imports: [IonicPageModule.forChild(HomePage)],
})
export class HomePageModule { }

Looks like 3 is released now!

2 Likes

In the Guide to 3.0.0 Upgrade, there is a breaking change in DeepLinkConfig that isn’t mentioned.

It used to accept a component list but now it only accepts a list of strings with link names.

1 Like

This caught me off guard as well! Would be nice with some instructions how to migrate existing deep link configs to the v3-way of doing things .-)

Today we migrate to ionic3 and angular4 but there are some bugs on production build,

I know I should not do this, but it is URGENT and so I would like to mention you here @danbucholtz @mhartington, @brandyshea THX YOU ALL

Building the app in production mode, we are running on errors, I created a BUG for this if anyone is intersted in it and running in the same issue

I have not yet found the problem so far with a simple app. So I write this tutorial, maybe someone else needs it. Ionic 3 and Angular Example.