{"id":20931586,"url":"https://github.com/johnwargo/ionic-edit-object-sample","last_synced_at":"2026-04-25T00:36:21.331Z","repository":{"id":70061686,"uuid":"266381214","full_name":"johnwargo/ionic-edit-object-sample","owner":"johnwargo","description":"An Ionic application demonstrating two ways to edit an object","archived":false,"fork":false,"pushed_at":"2021-06-16T00:20:03.000Z","size":335,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-13T02:17:24.556Z","etag":null,"topics":["ionic"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/johnwargo.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-23T16:59:55.000Z","updated_at":"2021-06-16T00:20:07.000Z","dependencies_parsed_at":"2023-02-23T01:45:23.638Z","dependency_job_id":null,"html_url":"https://github.com/johnwargo/ionic-edit-object-sample","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/johnwargo/ionic-edit-object-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnwargo%2Fionic-edit-object-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnwargo%2Fionic-edit-object-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnwargo%2Fionic-edit-object-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnwargo%2Fionic-edit-object-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johnwargo","download_url":"https://codeload.github.com/johnwargo/ionic-edit-object-sample/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnwargo%2Fionic-edit-object-sample/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32246393,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ionic"],"created_at":"2024-11-18T21:44:14.902Z","updated_at":"2026-04-25T00:36:21.313Z","avatar_url":"https://github.com/johnwargo.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/johnwargo"],"categories":[],"sub_categories":[],"readme":"# Ionic Edit Object Sample\n\nMany Ionic books and tutorials illustrate how to build dialogs that render data from the application. For many of these examples, you also learn how to edit data in the dialog. Because Ionic is a reactive framework, any changes you make in the dialog are automatically updated in other parts of the application.\n\nThat doesn't always work for me.\n\nIn my Ionic applications (I have one in app stores called [Time Slicer](https://timeslicer.app) plus several others I've built) I always want to give users an opportunity to edit a data element, but change their minds. To accommodate this, you have to use a rarely (well, never that I've seen) documented approach that I demonstrate in this repository.  For a complete write-up describing the code, refer to [About Ionic Edit Object Sample](https://github.com/johnwargo/ionic-edit-object-sample/blob/master/about.md). I also published a video demonstration of the sample application on [YouTube](https://www.youtube.com/watch?v=nJPmmxR8_iY):\n\n[![Alt text](https://img.youtube.com/vi/nJPmmxR8_iY/0.jpg)](https://www.youtube.com/watch?v=nJPmmxR8_iY)\n\nThe application in this repository displays a main screen like the one shown below:\n\n![Home Page](images/home.png)\n\nWhen you tap the first button on the page, you'll see the page shown below. In this approach, any change you made on the page is automatically reflected on the home page when you tap the left arrow button.\n\n![Edit 1](images/edit1.png)\n\nLike I said earlier, this is the default behavior for many Ionic apps, but it's not the way most mobile apps work. Most any settings or edit dialog I've ever seen in a mobile app offers save and cancel options to give users the most flexibility in how they use the app.\n\nWith the second approach (the second button on the Home page), the edit page gets Save (done) and Cancel options, so you can make changes here then tap **Cancel** to discard the changes before returning to the home page.\n\n![Edit 2](images/edit2.png)\n\n## Running the Application\n\nTo run the application, open a terminal window or command prompt, navigate to a working folder for the app, an execute the following commands:\n\n```shell\ngit clone https://github.com/johnwargo/ionic-edit-object-sample\ncd ionic-edit-object-sample\nnpm install\nionic serve\n```\n\nThis clones the repo locally, then the remaining commands install required components and launches the app in your default browser.\n\n## Getting Help\n\nI'm not offering Ionic developer support here, but if you have questions **about this app**, use the repo's [Issues](https://github.com/johnwargo/ionic-edit-object-sample/issues) area. I usually check email in the morning and after work, so you should get a response from me in a day or two.\n\n***\n\nYou can find information on many different topics on my [personal blog](http://www.johnwargo.com). Learn about all of my publications at [John Wargo Books](http://www.johnwargobooks.com).\n\nIf you find this code useful and feel like thanking me for providing it, please consider \u003ca href=\"https://www.buymeacoffee.com/johnwargo\" target=\"_blank\"\u003eBuying Me a Coffee\u003c/a\u003e, or making a purchase from [my Amazon Wish List](https://amzn.com/w/1WI6AAUKPT5P9).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnwargo%2Fionic-edit-object-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnwargo%2Fionic-edit-object-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnwargo%2Fionic-edit-object-sample/lists"}