Answered step by step
Verified Expert Solution
Question
1 Approved Answer
SYST 2 4 4 4 4 Assignment # 2 ( 1 0 % ) Create a new Angular app called A 2 yourloginname ( ex
SYST Assignment #
Create a new Angular app called Ayourloginname ex Adoejane NOTE: Marks off if not named as specified
o Use New Angular Application With Material in the Angular References Module on starting a new project with defaults.
This will be a mobile assignment formatted for landscape view only
Note: Styling included is mostly for testing Angular concepts and mobile layout
o Include a data folder in the assets folder
o Download Assignmentzip that will include the JSON file and a txt file
Copy the Assignmentjson file into the assetsdata folder and open the AInfo.txt file
Include the code in the AInfo.txt file to update the tsconfig.json file
Update the Assignmentjson file to include your personalSheridan information where indicated AND update the myBooks array with your own data Note: published field is a number data type
o NOTE: You may want to validate the file after making changes jsonlintcom
Create a file called yourusenameInterface.ts in the app folder and include interfaces for the following:
o aPersonal information myBooks array structure campusData array structure
In app.component.ts parent import ALL your interfaces AND the JSON file
o Include a variable called yourloginnamePersonal to hold your personal data from the JSON file
o Include a variable called yourloginnameBooks to hold the book data from the JSON file remember this will be an array variable
o Include a variable called yourloginnameCampus to hold the campus data from the JSON file remember this will be an array variable
Create a header component called headeryourloginname and a footer component called footeryourloginname and include in app.component.html:
o Use the Sharing procedure to pass your personal information only included in the JSON file from the app component to both header and footer components. The variable in both components to accept shared data must be called yourloginnameMyData
o Header: Add a header element I would suggest an
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started