My background is in Angular 1, where everything worked seamlessly. However, I am encountering serious issues trying to create a basic application using Angular 2 in Visual Studio. After carefully following the "5 minute tutorial" and getting it to work, I noticed a problem with updating the UI when changing the template in app.component.ts. Despite restarting and rerunning the files, the browser continues to display the old output.
Here is my code:
In tsconfig.json
{
"compileOnSave": true,
"compilerOptions": {
// code snippet here
}
}
Systemjs.config.js:
// system configuration code snippet here
My index.html contains:
<!DOCTYPE html>
<html>
<head>
<title>Angular QuickStart</title>
<!-- head content here -->
</head>
<body>
<my-app>Loading</my-app>
</body>
</html>
In app.module.ts:
// import and export statements here
In app.component.ts:
// component code snippet here
and in main.ts:
// platformBrowserDynamic code snippet here
Even after making changes to the angularVersion variable or modifying the template, the browser still displays "Initiating Angular2.0". This issue persists even when hardcoding the template. I'm at a loss as to what I might be doing wrong and it's becoming quite frustrating. Any assistance would be greatly appreciated!