{"_id":"@akashsuryawanshi/ngx-navigation-with-data","_rev":"2-d61534d99e0b76271fb0ba0d75e3507d","name":"@akashsuryawanshi/ngx-navigation-with-data","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.7":{"name":"@akashsuryawanshi/ngx-navigation-with-data","version":"0.0.7","description":"This package is mainly for beginner of Angular developement,this help them to navigate through components with some data.","keywords":["routing","router","routing with data","angular","navigate","navigation","data","navigate with data","Angular 2","Angular 4","Angular 5"],"homepage":"https://github.com/Virendra-Yadav/navigation-with-data#readme","peerDependencies":{"@angular/common":"^6.0.0-rc.0 || ^6.0.0 || ^11.0.0","@angular/core":"^6.0.0-rc.0 || ^6.0.0 || ^11.0.0"},"author":{"name":"Virendra Yadav","email":"virendra.yadav.1000@gmail.com","url":"https://www.linkedin.com/in/virendraayadav//"},"main":"bundles/ngx-navigation-with-data.umd.js","module":"fesm5/ngx-navigation-with-data.js","es2015":"fesm2015/ngx-navigation-with-data.js","esm5":"esm5/ngx-navigation-with-data.js","esm2015":"esm2015/ngx-navigation-with-data.js","fesm5":"fesm5/ngx-navigation-with-data.js","fesm2015":"fesm2015/ngx-navigation-with-data.js","typings":"ngx-navigation-with-data.d.ts","metadata":"ngx-navigation-with-data.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.2.0"},"_id":"@akashsuryawanshi/ngx-navigation-with-data@0.0.7","_nodeVersion":"14.17.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-+kB4IzjA3COROmtlpSyWCHi2nF5HAmEcLQl52bEfQYS7DfK954oreWaUJhA0393tZ9ZmyjXdtH5Ug1z71M9tOw==","shasum":"b7120b43aaf21bd6696761566bd982b93c9aea5f","tarball":"https://registry.npmjs.org/@akashsuryawanshi/ngx-navigation-with-data/-/ngx-navigation-with-data-0.0.7.tgz","fileCount":29,"unpackedSize":82060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw6fnCRA9TVsSAnZWagAA+68P/i+sjPB3Lc3iEaSnw57R\n+dTRUpArMt4mxNaT6DCvQp+9aDPhPNEkA1ypHIhoVdDK2WAdT5ekyQH01vA/\nS7ePXgdeo9ZH7/m5ZtgxbAjmqlq0NAIC+sHn3a8BXeYtFq9ye6vLxw4bBYyp\n09Pvup8I9dNl7i6btt/dQFa4P0hmjhQQXMGpKFNKv2Z3kZRJ91waenWpl2wW\nM1UncAumtPsqR8wONubXw83mh+rLXd499tQQRFWYnvlCq3F/j/H+j59piJFX\nrRVFiTKg235cjcyQFM03wmUeBsrvHayomK0Kz3bf8iUT5zxi2H/BlZ3SjTV9\ngwyrpxwynCOl930vgnuad/m57fVOfdDT+EILXZN8ljb7K978h++sUkSfEuTa\nkreYehhaEWKOCcWuvasQSu+LQuudLlwqpOpqV3Mh9vzCZ5IFtzdkYgwy6fLG\ngPigkM4DzOcZKidTueHixKVKXUp381AGvrhb0oifCAHaWaETpVoZW9BlSs43\nN4whFTvhfWhmjtFrUY3wwXd5tJMSEhTXIZKgU6JRSkQkx9aZVjqGPHQxVyrq\nIgTrSDASVChBNEOAXSzYmokEoPJfYJskvTBswnfw2KMDjQ5b3SNFnvRRyeFK\ngSpEJFRHhGAeH9awRw41U99GtudyeiZK0P58/hhQtDBXqwU3iKXW5NlJk1pA\nXQCY\r\n=Zd78\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+4oqbdHzjEPh6moRRYLaeqqizUlBt1QRQVaIBKvCuoAIgFgq3e4rOG5o9IYlWMA7D8xHT5zlQApiN0x2LAacytNc="}]},"_npmUser":{"name":"akashsuryawanshi","email":"s.akashb@gmail.com"},"directories":{},"maintainers":[{"name":"akashsuryawanshi","email":"s.akashb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-navigation-with-data_0.0.7_1623435239240_0.4431672018387365"},"_hasShrinkwrap":false},"0.0.8":{"name":"@akashsuryawanshi/ngx-navigation-with-data","version":"0.0.8","description":"This package is mainly for beginner of Angular developement,this help them to navigate through components with some data.","keywords":["routing","router","routing with data","angular","navigate","navigation","data","navigate with data","Angular 2","Angular 4","Angular 5"],"homepage":"https://github.com/Virendra-Yadav/navigation-with-data#readme","peerDependencies":{"@angular/common":"^6.0.0-rc.0 || ^6.0.0 || ^11.0.0 || ^9.0.0 || ^10.0.0","@angular/core":"^6.0.0-rc.0 || ^6.0.0 || ^11.0.0 || ^9.0.0 || ^10.0.0"},"author":{"name":"Virendra Yadav","email":"virendra.yadav.1000@gmail.com","url":"https://www.linkedin.com/in/virendraayadav//"},"main":"bundles/ngx-navigation-with-data.umd.js","module":"fesm5/ngx-navigation-with-data.js","es2015":"fesm2015/ngx-navigation-with-data.js","esm5":"esm5/ngx-navigation-with-data.js","esm2015":"esm2015/ngx-navigation-with-data.js","fesm5":"fesm5/ngx-navigation-with-data.js","fesm2015":"fesm2015/ngx-navigation-with-data.js","typings":"ngx-navigation-with-data.d.ts","metadata":"ngx-navigation-with-data.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.2.0"},"_id":"@akashsuryawanshi/ngx-navigation-with-data@0.0.8","_nodeVersion":"14.17.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-T4/VZETXe9iBCn+SGjt4eydinqM2NWAIagQm9jByrZHwE/0l1JNnZmKXO7x8vUiqzr5tUaVZcOm6KEqfNM7Hww==","shasum":"bc93af8801f86a61bef0a654ae2412edbb80388b","tarball":"https://registry.npmjs.org/@akashsuryawanshi/ngx-navigation-with-data/-/ngx-navigation-with-data-0.0.8.tgz","fileCount":29,"unpackedSize":82102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyfPLCRA9TVsSAnZWagAA/ZEP/2xLfuEPuB5EpPJUTMaM\nH9Kpgt+rBktV52xA/rpbo7t9HyiVS6QQAZqkQfcFaxmqLfytlwNH7HOTFE8k\n7GqX0GlJDqD4N6T2o4OOTbbhvrFzWJDoiK6qmU4uzr/r1I9Fgk19fAJnlvRb\nM/TEvUqhaGF8efDzbTFYBueqoyHsOElF/tauZqhzwTKJrIM2M/tMbR3USdog\n/Bx9Y7Z3GyW4COIOEUPdCzodylzyku7nYcSMrHO3fGgx8maEuuZrF2K51xqc\n409J+djJCDclXY32JDZ9ReSctr3QQNYVjm87TLFw0NZnnrff3/4LD+utzMwd\ntJcC88PMaQuozdqrROtfuYuh98IXGAS6MWE3eYhF6MPfIt8+f3AByRw1oJ2L\nGOgB2J0KmJQLbWYciJXPQCyaWgupiTEXG8+kIllmkdenB3xAGiSIJdBqOrUp\nx9iP2hL2Yv/gD943qdOG++vM0jdeXEmAzrxKrROyB6fy5q7LYyknsZENR+/y\nSw0+JwhaJfw8lLJriOSC05S5PcMKYHwthwq3O90xQR8O9laZizKOl8/gh5zM\ni7r83k68YbT9U22SQqMG0H/dd91x+bpFJ+Jy8CP0Ccs1OH+GIAcLrewV0OQ3\n9nX/f1x6tyaG9JL6/jqebq/Us9LGm4WWiGWWYwGI26nKJ3KF6x3s6zq0SzAa\nVsZu\r\n=SIZN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaFHkCnlfy9ZCTGmXzSrx7bteezUP+RyObSj+t/BleywIgBd92O5tOxl30COZzUaN0QS2ZEwRTmCDLzPH9CR5TqTE="}]},"_npmUser":{"name":"akashsuryawanshi","email":"s.akashb@gmail.com"},"directories":{},"maintainers":[{"name":"akashsuryawanshi","email":"s.akashb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-navigation-with-data_0.0.8_1623847883826_0.7234573691689021"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-11T18:13:59.174Z","0.0.7":"2021-06-11T18:13:59.400Z","modified":"2022-04-04T12:28:43.522Z","0.0.8":"2021-06-16T12:51:23.977Z"},"maintainers":[{"name":"akashsuryawanshi","email":"s.akashb@gmail.com"}],"description":"This package is mainly for beginner of Angular developement,this help them to navigate through components with some data.","homepage":"https://github.com/Virendra-Yadav/navigation-with-data#readme","keywords":["routing","router","routing with data","angular","navigate","navigation","data","navigate with data","Angular 2","Angular 4","Angular 5"],"author":{"name":"Virendra Yadav","email":"virendra.yadav.1000@gmail.com","url":"https://www.linkedin.com/in/virendraayadav//"},"readme":"# Description\nThis package is for navigate with data in angular, angular 2, 3, 4, 5.<br>\nThis package is for send data from one component to other in angular 2, 3, 4, 5.<br>\nThis package is mainly for beginner of Angular developement.<br>\nThis help you to navigate through components with some data.\n\n## Quick Start\n\nAll you need to do is one angular project.<br>\nYou can create the project by open your terminal.<br>\n**ng new PROJECT_NAME --routing**<br>\nHere routing flag will auto generate the app-routing.module.ts file where we keep our routing paths.<br>\nInstall **ngx-navigation-with-data**<br>\n```npm i ngx-navigation-with-data --save```\n## Use of package\n1. First you need to import the **NgxNavigationWithDataComponent** class in you app.module.ts<br>\n2. Define some path in app-routing.module.ts file<br>\n3. Import the **NgxNavigationWithDataComponent** class in your componet where you want to use this package<br>\nNow you can use the package's methods.\n### app.module.ts\n```\nimport { NgxNavigationWithDataComponent } from \"ngx-navigation-with-data\";\n@NgModule({\n  declarations: [\n    AppComponent,\n  ],\n  imports: [\n    AppRoutingModule\n  ],\n  providers: [NgxNavigationWithDataComponent],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n### app-routing.module.ts\n```\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { HomeComponent } from './home/home.component';\nimport { AboutComponent } from './about/about.component';\n\nconst routes: Routes = [\n  {\n    path:'home',\n    component:HomeComponent\n  },\n    {\n    path:'about',\n    component:AboutComponent\n  }\n];\n\n@NgModule({\n  imports: [RouterModule.forRoot(routes)],\n  exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n```\n### home.component.ts\n```\nimport { Component, OnInit } from '@angular/core';\nimport { NgxNavigationWithDataComponent } from 'ngx-navigation-with-data';\n\n@Component({\n  selector: 'app-home',\n  templateUrl: './home.component.html',\n  styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\n\n  constructor(public navCtrl: NgxNavigationWithDataComponent) { }\n\n  ngOnInit() {\n  }\n\n  navigateToABout() {\n  this.navCtrl.navigate('about', {name:\"virendta\"});\n  }\n  \n}\n```\n\n### about.component.ts\n```\nimport { Component, OnInit } from '@angular/core';\nimport { NgxNavigationWithDataComponent } from 'ngx-navigation-with-data';\n\n@Component({\n  selector: 'app-about',\n  templateUrl: './about.component.html',\n  styleUrls: ['./about.component.css']\n})\nexport class AboutComponent implements OnInit {\n\n  constructor(public navCtrl: NgxNavigationWithDataComponent) {\n    console.log(this.navCtrl.get('name')); // it will console Virendra\n    console.log(this.navCtrl.data); // it will console whole data object here\n  }\n\n  ngOnInit() {\n  }\n\n}\n```\n\n## Properties\n\n* get(key) : method<br>\nIt will return the value of data object from previous component\n* data : get property<br>\nIt will give the whole data object of previous component\n* navigate(page, data) : method<br>\nIt will navigate to the component name of page, in routing.module file, with data\n## Author\n\nSource code can be found on [github](https://github.com/Virendra-Yadav/navigation-with-data/)\n\nDeveloped by [Virendra Yadav](https://www.linkedin.com/in/virendraayadav/)\n","readmeFilename":"README.md"}