Solution #2: Modify the Icons
This lesson gives a detailed review of the solution to the challenge in the previous lesson.
We'll cover the following...
Solution
import { AppPage } from './app.po'; describe('new App', () => { let page: AppPage; beforeEach(() => { page = new AppPage(); }); describe('default screen', () => { beforeEach(() => { page.navigateTo('/Inbox'); }); it('should say Inbox', () => { expect(page.getParagraphText()).toContain('Inbox'); }); }); });
Solution: Modify the Icons
Explanation
-
The absent/present icons can be changed through the following steps:
- In
Roster.page.ts
file, on line 33 and 39, replace theeye
andeyeOffOutline
icons withcheckmark-circle-outline
andclose-circle-outline
respectively. This will import the new icons into our application, thereby replacing the old icons with the new ones in ouractionSheet
menu. - In
Roster.page.html
- In