├── Angular4 ├── ChildRoutes-1 │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── ChildRoutes-2 │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.1042285209 │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.2938308084 │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── npm-debug.log.3726704134 │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-overview.component.ts │ │ │ ├── product-spec.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── NavigationBasics │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.1042285209 │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.2938308084 │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── npm-debug.log.1524862542 │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-overview.component.ts │ │ │ ├── product-spec.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── Parameters │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── QueryParameters │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── RouteGuards │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-guard.service.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json ├── Routing │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.4184490055 │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ └── tsconfig.json │ └── tslint.json └── Start │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── angular-cli.json │ ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.230480230 │ ├── package.json │ ├── protractor.conf.js │ ├── src │ ├── app │ │ ├── app.component.css │ │ ├── app.component.html │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ └── app.module.ts │ ├── assets │ │ └── .gitkeep │ ├── environments │ │ ├── environment.prod.ts │ │ └── environment.ts │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.css │ ├── test.ts │ └── tsconfig.json │ └── tslint.json ├── Angular7 ├── CanDeactivate │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── decativate.guard.ts │ │ │ ├── home.component.ts │ │ │ └── register.component.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── ChildRoutes-1 │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── ChildRoutes-2 │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.1042285209 │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.2938308084 │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── npm-debug.log.3726704134 │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-overview.component.ts │ │ │ ├── product-spec.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── NavigationBasics │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.1042285209 │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.2938308084 │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── npm-debug.log.1524862542 │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-overview.component.ts │ │ │ ├── product-spec.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── OptionalParameters │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.html │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── Parameters │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── PassingData │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── dynamic.component.ts │ │ │ ├── home.component.ts │ │ │ └── static.component.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── QueryParameters │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product.component.html │ │ │ └── product.component.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── Resolve │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app-routing.module.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── contact.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-list-resolver.service.ts │ │ │ ├── product-resolver.service.ts │ │ │ ├── product.service.ts │ │ │ ├── product.ts │ │ │ ├── product1-detail.component.html │ │ │ ├── product1-detail.component.ts │ │ │ ├── product1.component.html │ │ │ ├── product1.component.ts │ │ │ ├── product2-detail.component.html │ │ │ ├── product2-detail.component.ts │ │ │ ├── product2.component.html │ │ │ └── product2.component.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── RouteGuards │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product-detail.component.html │ │ │ ├── product-detail.component.ts │ │ │ ├── product-guard.service.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── Routing │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.230480230 │ ├── npm-debug.log.2833157796 │ ├── npm-debug.log.4184490055 │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── contact.component.ts │ │ │ ├── error.component.ts │ │ │ ├── home.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── Start │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── npm-debug.log.230480230 │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ └── app.module.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json ├── canActivate │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ ├── app.module.ts │ │ │ ├── app.routes.ts │ │ │ ├── auth-guard.service.ts │ │ │ ├── auth.service.ts │ │ │ ├── contact.component.ts │ │ │ ├── home.component.ts │ │ │ ├── login.component.html │ │ │ ├── login.component.ts │ │ │ ├── product.component.html │ │ │ ├── product.component.ts │ │ │ ├── product.service.ts │ │ │ └── product.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json └── canActivateChild │ ├── .editorconfig │ ├── .gitignore │ ├── Angular7Upgrade.Bat │ ├── README.md │ ├── angular.json │ ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ └── tsconfig.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ ├── app │ │ ├── app.component.html │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ ├── app.module.ts │ │ ├── app.routes.ts │ │ ├── auth-guard.service.ts │ │ ├── auth.service.ts │ │ ├── contact.component.ts │ │ ├── home.component.ts │ │ ├── login.component.html │ │ ├── login.component.ts │ │ ├── product-add.component.ts │ │ ├── product-edit.component.ts │ │ ├── product-view.component.ts │ │ ├── product.component.html │ │ ├── product.component.ts │ │ ├── product.service.ts │ │ └── product.ts │ ├── assets │ │ └── .gitkeep │ ├── environments │ │ ├── environment.prod.ts │ │ └── environment.ts │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.css │ ├── test.ts │ ├── tsconfig.app.json │ └── tsconfig.json │ ├── tsconfig.json │ └── tslint.json └── Angular8 ├── LocationService ├── .editorconfig ├── .gitignore ├── README.md ├── angular.json ├── browserslist ├── e2e │ ├── protractor.conf.js │ ├── src │ │ ├── app.e2e-spec.ts │ │ └── app.po.ts │ └── tsconfig.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── src │ ├── app │ │ ├── app.component.css │ │ ├── app.component.html │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ ├── app.module.ts │ │ ├── app.routes.ts │ │ ├── contact.component.ts │ │ ├── error.component.ts │ │ ├── home.component.ts │ │ ├── product-detail.component.html │ │ ├── product-detail.component.ts │ │ ├── product-overview.component.ts │ │ ├── product-spec.component.ts │ │ ├── product.component.html │ │ ├── product.component.ts │ │ ├── product.service.ts │ │ └── product.ts │ ├── assets │ │ └── .gitkeep │ ├── environments │ │ ├── environment.prod.ts │ │ └── environment.ts │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.css │ └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json ├── PassingData ├── .editorconfig ├── .gitignore ├── Angular7Upgrade.Bat ├── README.md ├── angular.json ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ └── tsconfig.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── protractor.conf.js ├── src │ ├── app │ │ ├── app.component.spec.ts │ │ ├── app.component.ts │ │ ├── app.module.ts │ │ ├── app.routes.ts │ │ ├── dynamic.component.ts │ │ ├── home.component.ts │ │ └── static.component.ts │ ├── assets │ │ └── .gitkeep │ ├── environments │ │ ├── environment.prod.ts │ │ └── environment.ts │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.css │ ├── test.ts │ ├── tsconfig.app.json │ └── tsconfig.json ├── tsconfig.json └── tslint.json └── RouterActiveLink ├── .editorconfig ├── .gitignore ├── README.md ├── angular.json ├── browserslist ├── e2e ├── protractor.conf.js ├── src │ ├── app.e2e-spec.ts │ └── app.po.ts └── tsconfig.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── src ├── app │ ├── app.component.css │ ├── app.component.html │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── app.routes.ts │ ├── contact.component.ts │ ├── error.component.ts │ ├── home.component.ts │ ├── product-detail.component.html │ ├── product-detail.component.ts │ ├── product-overview.component.ts │ ├── product-spec.component.ts │ ├── product.component.html │ ├── product.component.ts │ ├── product.service.ts │ └── product.ts ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /Angular4/ChildRoutes-1/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | npm i 2 | npm i @angular/cli@latest --save-dev 3 | npm i @angular-devkit/build-angular@latest --save-dev 4 | ng update --all --force 5 | npm i typescript@3.1.6 --save-dev 6 | npm i 7 | npm audit fix 8 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-1/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Child/ Nested Routes Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

-------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-1/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-1/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-1/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/npm-debug.log.1042285209: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/npm-debug.log.1042285209 -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/npm-debug.log.2938308084: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/npm-debug.log.2938308084 -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Child/ Nested Routes Demo'; 10 | 11 | 12 | 13 | } 14 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/npm-debug.log.3726704134: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/src/app/npm-debug.log.3726704134 -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 | 7 | 8 | 12 | 13 | 14 | 15 | 16 |

17 | Back to Product List 18 |

19 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/ChildRoutes-2/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/ChildRoutes-2/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/npm-debug.log.1042285209: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/npm-debug.log.1042285209 -------------------------------------------------------------------------------- /Angular4/NavigationBasics/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular4/NavigationBasics/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular4/NavigationBasics/npm-debug.log.2938308084: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/npm-debug.log.2938308084 -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/npm-debug.log.1524862542: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/src/app/npm-debug.log.1524862542 -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/NavigationBasics/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/NavigationBasics/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/Parameters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/Parameters/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/Parameters/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/Parameters/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Parameters/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Parameters Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

9 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/Parameters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Parameters/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/Parameters/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Parameters/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/Parameters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/Parameters/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/QueryParameters/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Query Parameters'; 10 | 11 | pageNum=0; 12 | 13 | } 14 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | 9 | export class ContactComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

9 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/QueryParameters/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/QueryParameters/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/QueryParameters/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/RouteGuards/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Route Guards Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product id {{id}} 5 | 6 |

7 | Back 8 |

-------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/product.service.ts: -------------------------------------------------------------------------------- 1 | import {Product} from './Product' 2 | 3 | export class ProductService{ 4 | 5 | public getProducts() { 6 | 7 | let products:Product[]; 8 | 9 | products=[ 10 | new Product(1,'Memory Card',500), 11 | new Product(2,'Pen Drive',750), 12 | new Product(3,'Power Bank',100) 13 | ] 14 | 15 | return products; 16 | } 17 | 18 | 19 | } -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/RouteGuards/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/RouteGuards/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/RouteGuards/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/Routing/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/Routing/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/Routing/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/Routing/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/Routing/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular4/Routing/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular4/Routing/npm-debug.log.4184490055: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/npm-debug.log.4184490055 -------------------------------------------------------------------------------- /Angular4/Routing/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/Routing/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular4/Routing/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular4/Routing/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/Routing/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular4/Routing/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular4/Routing/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/Routing/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/Routing/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/Routing/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Routing/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/Routing/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular4/Routing/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/Routing/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/Routing/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular4/Start/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular4/Start/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular4/Start/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular4/Start/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular4/Start/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Start/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular4/Start/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Start/src/app/app.component.css -------------------------------------------------------------------------------- /Angular4/Start/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | -------------------------------------------------------------------------------- /Angular4/Start/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'app works!'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular4/Start/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Start/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular4/Start/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular4/Start/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular4/Start/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular4/Start/src/favicon.ico -------------------------------------------------------------------------------- /Angular4/Start/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Start 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | 15 | -------------------------------------------------------------------------------- /Angular4/Start/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular4/Start/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular4/Start/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/CanDeactivate/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | import { Router } from '@angular/router'; 3 | 4 | @Component({ 5 | selector: 'app-root', 6 | templateUrl: './app.component.html' 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Route Guards Demo'; 10 | 11 | constructor (private router:Router) { 12 | } 13 | 14 | 15 | } 16 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/CanDeactivate/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/CanDeactivate/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/CanDeactivate/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-1/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Child/ Nested Routes Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

-------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-1/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-1/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-1/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/npm-debug.log.1042285209: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/npm-debug.log.1042285209 -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/npm-debug.log.2938308084: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/npm-debug.log.2938308084 -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Child/ Nested Routes Demo'; 10 | 11 | 12 | 13 | } 14 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/npm-debug.log.3726704134: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/src/app/npm-debug.log.3726704134 -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 | 7 | 8 | 12 | 13 | 14 | 15 | 16 |

17 | Back to Product List 18 |

19 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/ChildRoutes-2/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/ChildRoutes-2/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/NavigationBasics/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/npm-debug.log.1042285209: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/npm-debug.log.1042285209 -------------------------------------------------------------------------------- /Angular7/NavigationBasics/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular7/NavigationBasics/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular7/NavigationBasics/npm-debug.log.2938308084: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/npm-debug.log.2938308084 -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/npm-debug.log.1524862542: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/src/app/npm-debug.log.1524862542 -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/NavigationBasics/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/NavigationBasics/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/OptionalParameters/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | }) 7 | export class AppComponent { 8 | title = 'Routing Module - Parameters Demo'; 9 | } 10 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

` 5 | }) 6 | export class ContactComponent { 7 | } -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome Home

` 5 | }) 6 | 7 | export class HomeComponent { 8 | } -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

9 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/OptionalParameters/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/OptionalParameters/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/OptionalParameters/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/Parameters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/Parameters/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/Parameters/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/Parameters/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Parameters/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Parameters/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Parameters Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product : {{product.name}} 5 | price : {{ product.price}} 6 |

7 | Back 8 |

9 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/Parameters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Parameters/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/Parameters/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Parameters/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/Parameters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Parameters/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/Parameters/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/PassingData/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/PassingData/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/PassingData/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/PassingData/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/PassingData/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/PassingData/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/PassingData/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/PassingData/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/PassingData/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/PassingData/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/PassingData/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/QueryParameters/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/QueryParameters/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Query Parameters'; 10 | 11 | pageNum=0; 12 | 13 | } 14 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | 9 | export class ContactComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/app/product.component.html: -------------------------------------------------------------------------------- 1 |

Product Page

2 | 3 |

Current Page No {{pageNo}}

4 |

snapshot Page No {{ snapshotPageNo }}

5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/QueryParameters/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/QueryParameters/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/QueryParameters/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/Resolve/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/Resolve/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/Resolve/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/Resolve/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Resolve/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Resolve/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Route Guards Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/product1-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page [Without resolve]

2 | 3 | 4 | Product : {{ product?.name}}
5 | Price : {{product?.price}} 6 | 7 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/app/product2-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page [With resolve]

2 | 3 | 4 | Product : {{ product?.name}}
5 | Price : {{product?.price}} -------------------------------------------------------------------------------- /Angular7/Resolve/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Resolve/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/Resolve/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Resolve/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/Resolve/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Resolve/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/Resolve/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/RouteGuards/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/RouteGuards/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Route Guards Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/product-detail.component.html: -------------------------------------------------------------------------------- 1 |

Product Details Page

2 | 3 | 4 | product id {{id}} 5 | 6 |

7 | Back 8 |

-------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/product.service.ts: -------------------------------------------------------------------------------- 1 | import {Product} from './Product' 2 | 3 | export class ProductService{ 4 | 5 | public getProducts() { 6 | 7 | let products:Product[]; 8 | 9 | products=[ 10 | new Product(1,'Memory Card',500), 11 | new Product(2,'Pen Drive',750), 12 | new Product(3,'Power Bank',100) 13 | ] 14 | 15 | return products; 16 | } 17 | 18 | 19 | } -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/RouteGuards/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/RouteGuards/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/RouteGuards/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/Routing/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/Routing/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/Routing/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/Routing/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Routing/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/Routing/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular7/Routing/npm-debug.log.2833157796: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/npm-debug.log.2833157796 -------------------------------------------------------------------------------- /Angular7/Routing/npm-debug.log.4184490055: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/npm-debug.log.4184490055 -------------------------------------------------------------------------------- /Angular7/Routing/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/Routing/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module Demo'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/Routing/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/Routing/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/Routing/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/Routing/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/Routing/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/Routing/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/Routing/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/Routing/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Routing/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/Routing/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/Routing/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/Routing/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/Routing/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Routing/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/Routing/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/Start/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/Start/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/Start/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/Start/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Start/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/Start/npm-debug.log.230480230: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Start/npm-debug.log.230480230 -------------------------------------------------------------------------------- /Angular7/Start/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Start/src/app/app.component.css -------------------------------------------------------------------------------- /Angular7/Start/src/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | -------------------------------------------------------------------------------- /Angular7/Start/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'app works!'; 10 | } 11 | -------------------------------------------------------------------------------- /Angular7/Start/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Start/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/Start/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/Start/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/Start/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/Start/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/Start/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Start 6 | 7 | 8 | 9 | 10 | 11 | 12 | Loading... 13 | 14 | 15 | -------------------------------------------------------------------------------- /Angular7/Start/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/Start/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/Start/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/Start/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/Start/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/canActivate/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/canActivate/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/canActivate/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/canActivate/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/canActivate/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/canActivate/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/canActivate/src/app/login.component.html: -------------------------------------------------------------------------------- 1 |

Login Form

2 | 3 |
4 |
5 |

User Name:

6 |

Password:

7 |

8 |
9 |
-------------------------------------------------------------------------------- /Angular7/canActivate/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/canActivate/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/canActivate/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/canActivate/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/canActivate/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/canActivate/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/canActivate/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular7/canActivate/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular7/canActivateChild/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/app/login.component.html: -------------------------------------------------------------------------------- 1 |

Login Form

2 | 3 |
4 |
5 |

User Name:

6 |

Password:

7 |

8 |
9 |
-------------------------------------------------------------------------------- /Angular7/canActivateChild/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/canActivateChild/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular7/canActivateChild/src/favicon.ico -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular7/canActivateChild/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular8/LocationService/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular8/LocationService/browserslist: -------------------------------------------------------------------------------- 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below. 2 | # For additional information regarding the format and rule options, please see: 3 | # https://github.com/browserslist/browserslist#queries 4 | 5 | # You can see what browsers were selected by your queries by running: 6 | # npx browserslist 7 | 8 | > 0.5% 9 | last 2 versions 10 | Firefox ESR 11 | not dead 12 | not IE 9-11 # For IE 9-11 support, remove 'not'. -------------------------------------------------------------------------------- /Angular8/LocationService/e2e/src/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo() { 5 | return browser.get(browser.baseUrl) as Promise; 6 | } 7 | 8 | getTitleText() { 9 | return element(by.css('app-root h1')).getText() as Promise; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular8/LocationService/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/e2e", 5 | "module": "commonjs", 6 | "target": "es5", 7 | "types": [ 8 | "jasmine", 9 | "jasminewd2", 10 | "node" 11 | ] 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /Angular8/LocationService/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/LocationService/src/app/app.component.css -------------------------------------------------------------------------------- /Angular8/LocationService/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular8/LocationService/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular8/LocationService/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular8/LocationService/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular8/LocationService/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/LocationService/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular8/LocationService/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular8/LocationService/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular8/LocationService/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/LocationService/src/favicon.ico -------------------------------------------------------------------------------- /Angular8/LocationService/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | RouterActiveLink 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Angular8/LocationService/src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.error(err)); 13 | -------------------------------------------------------------------------------- /Angular8/LocationService/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | 3 | .active { 4 | background-color: yellow; 5 | } 6 | 7 | .active1 { 8 | background-color: red; 9 | } -------------------------------------------------------------------------------- /Angular8/LocationService/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/app", 5 | "types": [] 6 | }, 7 | "include": [ 8 | "src/**/*.ts" 9 | ], 10 | "exclude": [ 11 | "src/test.ts", 12 | "src/**/*.spec.ts" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /Angular8/LocationService/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/spec", 5 | "types": [ 6 | "jasmine", 7 | "node" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts", 12 | "src/polyfills.ts" 13 | ], 14 | "include": [ 15 | "src/**/*.spec.ts", 16 | "src/**/*.d.ts" 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /Angular8/PassingData/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular8/PassingData/Angular7Upgrade.Bat: -------------------------------------------------------------------------------- 1 | call npm i 2 | call npm i @angular/cli@latest --save-dev 3 | call npm i @angular-devkit/build-angular@latest --save-dev 4 | call ng update --all --force 5 | call npm i typescript@3.1.6 --save-dev 6 | call npm i 7 | call npm audit fix 8 | call npm install -g rxjs-tslint 9 | call rxjs-5-to-6-migrate -p src/tsconfig.app.json -------------------------------------------------------------------------------- /Angular8/PassingData/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { StartPage } from './app.po'; 2 | 3 | describe('start App', function() { 4 | let page: StartPage; 5 | 6 | beforeEach(() => { 7 | page = new StartPage(); 8 | }); 9 | 10 | it('should display message saying app works', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('app works!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /Angular8/PassingData/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, element, by } from 'protractor'; 2 | 3 | export class StartPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular8/PassingData/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "module": "commonjs", 8 | "moduleResolution": "node", 9 | "outDir": "../dist/out-tsc-e2e", 10 | "sourceMap": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "../node_modules/@types" 14 | ] 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/PassingData/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular8/PassingData/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/PassingData/src/favicon.ico -------------------------------------------------------------------------------- /Angular8/PassingData/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angular 2 Routing 7 | 8 | 9 | 10 | 11 | 12 | ... 13 | 14 | 15 | Loading... 16 | 17 | 18 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/main.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { enableProdMode } from '@angular/core'; 3 | import { environment } from './environments/environment'; 4 | import { AppModule } from './app/app.module'; 5 | 6 | if (environment.production) { 7 | enableProdMode(); 8 | } 9 | 10 | platformBrowserDynamic().bootstrapModule(AppModule); 11 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "types": [] 6 | }, 7 | "exclude": [ 8 | "test.ts", 9 | "**/*.spec.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Angular8/PassingData/src/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": "", 4 | "declaration": false, 5 | "emitDecoratorMetadata": true, 6 | "experimentalDecorators": true, 7 | "lib": ["es6", "dom"], 8 | "mapRoot": "./", 9 | "module": "es6", 10 | "moduleResolution": "node", 11 | "outDir": "../dist/out-tsc", 12 | "sourceMap": true, 13 | "target": "es5", 14 | "typeRoots": [ 15 | "../node_modules/@types" 16 | ] 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Angular8/PassingData/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "module": "es2015", 9 | "moduleResolution": "node", 10 | "emitDecoratorMetadata": true, 11 | "experimentalDecorators": true, 12 | "target": "es5", 13 | "typeRoots": [ 14 | "node_modules/@types" 15 | ], 16 | "lib": [ 17 | "es2018", 18 | "dom" 19 | ] 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/browserslist: -------------------------------------------------------------------------------- 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below. 2 | # For additional information regarding the format and rule options, please see: 3 | # https://github.com/browserslist/browserslist#queries 4 | 5 | # You can see what browsers were selected by your queries by running: 6 | # npx browserslist 7 | 8 | > 0.5% 9 | last 2 versions 10 | Firefox ESR 11 | not dead 12 | not IE 9-11 # For IE 9-11 support, remove 'not'. -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/e2e/src/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo() { 5 | return browser.get(browser.baseUrl) as Promise; 6 | } 7 | 8 | getTitleText() { 9 | return element(by.css('app-root h1')).getText() as Promise; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/e2e/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/e2e", 5 | "module": "commonjs", 6 | "target": "es5", 7 | "types": [ 8 | "jasmine", 9 | "jasminewd2", 10 | "node" 11 | ] 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/RouterActiveLink/src/app/app.component.css -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'Routing Module - Child/ Nested Routes Demo'; 10 | active="active1"; 11 | 12 | getClass() { 13 | return "active1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/contact.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Contact Us

5 |

TekTutorialsHub

6 | ` 7 | }) 8 | export class ContactComponent { 9 | } -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/error.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Page not found

5 |

This is a Error Page

6 | ` 7 | }) 8 | 9 | export class ErrorComponent { 10 | } -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/home.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | template: `

Welcome!

5 |

This is Home Component

6 | ` 7 | }) 8 | 9 | export class HomeComponent { 10 | } -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/app/product.ts: -------------------------------------------------------------------------------- 1 | export class Product { 2 | 3 | constructor(productID:number, name: string , price:number) { 4 | this.productID=productID; 5 | this.name=name; 6 | this.price=price; 7 | } 8 | 9 | productID:number ; 10 | name: string ; 11 | price:number; 12 | 13 | } -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/RouterActiveLink/src/assets/.gitkeep -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tekTutorialsHub/Angular-Router/46a42e1730362245cd44e7d5ed1dc2a72722c200/Angular8/RouterActiveLink/src/favicon.ico -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | RouterActiveLink 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.error(err)); 13 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | 3 | .active { 4 | background-color: yellow; 5 | } 6 | 7 | .active1 { 8 | background-color: red; 9 | } -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/app", 5 | "types": [] 6 | }, 7 | "include": [ 8 | "src/**/*.ts" 9 | ], 10 | "exclude": [ 11 | "src/test.ts", 12 | "src/**/*.spec.ts" 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /Angular8/RouterActiveLink/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/spec", 5 | "types": [ 6 | "jasmine", 7 | "node" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts", 12 | "src/polyfills.ts" 13 | ], 14 | "include": [ 15 | "src/**/*.spec.ts", 16 | "src/**/*.d.ts" 17 | ] 18 | } 19 | --------------------------------------------------------------------------------