{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/16214","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/16214/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/16214/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/16214/events","html_url":"https://github.com/ionic-team/ionic/issues/16214","id":377059094,"node_id":"MDU6SXNzdWUzNzcwNTkwOTQ=","number":16214,"title":"[4.0.0-beta.15] 'ion-show-when' is not a known element","user":{"login":"RafaelKr","id":14234815,"node_id":"MDQ6VXNlcjE0MjM0ODE1","avatar_url":"https://avatars1.githubusercontent.com/u/14234815?v=4","gravatar_id":"","url":"https://api.github.com/users/RafaelKr","html_url":"https://github.com/RafaelKr","followers_url":"https://api.github.com/users/RafaelKr/followers","following_url":"https://api.github.com/users/RafaelKr/following{/other_user}","gists_url":"https://api.github.com/users/RafaelKr/gists{/gist_id}","starred_url":"https://api.github.com/users/RafaelKr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/RafaelKr/subscriptions","organizations_url":"https://api.github.com/users/RafaelKr/orgs","repos_url":"https://api.github.com/users/RafaelKr/repos","events_url":"https://api.github.com/users/RafaelKr/events{/privacy}","received_events_url":"https://api.github.com/users/RafaelKr/received_events","type":"User","site_admin":false},"labels":[{"id":835668554,"node_id":"MDU6TGFiZWw4MzU2Njg1NTQ=","url":"https://api.github.com/repos/ionic-team/ionic/labels/triage","name":"triage","color":"ededed","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-11-03T14:26:10Z","updated_at":"2018-11-05T16:09:32Z","closed_at":null,"author_association":"NONE","body":"<!--\r\nPLEASE HELP US PROCESS GITHUB ISSUES FASTER BY PROVIDING THE FOLLOWING INFORMATION.\r\n\r\nISSUES MISSING IMPORTANT INFORMATION MAY BE CLOSED WITHOUT INVESTIGATION.\r\n-->\r\n\r\n# Bug Report\r\n\r\n**Ionic Info**\r\nRun `ionic info` from a terminal/cmd prompt and paste the output below.\r\n\r\n```\r\n✔ Gathering environment info - done!\r\n\r\nIonic:\r\n\r\n   ionic (Ionic CLI)             : 4.2.1 (/home/rafael/.nvm/versions/node/v10.7.0/lib/node_modules/ionic)\r\n   Ionic Framework               : @ionic/angular 4.0.0-beta.15\r\n   @angular-devkit/build-angular : 0.7.5\r\n   @angular-devkit/schematics    : 0.7.5\r\n   @angular/cli                  : 6.1.5\r\n   @ionic/angular-toolkit        : 1.1.0\r\n\r\nCordova:\r\n\r\n   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)\r\n   Cordova Platforms     : android 7.1.1\r\n   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 10 other plugins)\r\n\r\nSystem:\r\n\r\n   Android SDK Tools : 26.1.1 (/home/rafael/android-sdk-linux)\r\n   NodeJS            : v10.7.0 (/home/rafael/.nvm/versions/node/v10.7.0/bin/node)\r\n   npm               : 6.4.1\r\n   OS                : Linux 4.10\r\n```\r\n\r\n**Describe the Bug**\r\nAfter the update to `@ionic/angular@4.0.0-beta.15` I get the following output in my DevTools console:\r\n```\r\nERROR Error: Uncaught (in promise): Error: Template parse errors:\r\n'ion-show-when' is not a known element:\r\n1. If 'ion-show-when' is an Angular component, then verify that it is part of this module.\r\n2. If 'ion-show-when' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.\r\n```\r\n\r\n**Steps to Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Install  `@ionic/angular@4.0.0-beta.15`\r\n2. Use the following element:\r\n```html\r\n<ion-show-when platform=\"md\">\r\n  <ion-item>\r\n    <ion-label>This should only show on Android.</ion-label>\r\n  </ion-item>\r\n</ion-show-when>\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/comments/435932118","html_url":"https://github.com/ionic-team/ionic/issues/16214#issuecomment-435932118","issue_url":"https://api.github.com/repos/ionic-team/ionic/issues/16214","id":435932118,"node_id":"MDEyOklzc3VlQ29tbWVudDQzNTkzMjExOA==","user":{"login":"MrSparklle","id":992049,"node_id":"MDQ6VXNlcjk5MjA0OQ==","avatar_url":"https://avatars0.githubusercontent.com/u/992049?v=4","gravatar_id":"","url":"https://api.github.com/users/MrSparklle","html_url":"https://github.com/MrSparklle","followers_url":"https://api.github.com/users/MrSparklle/followers","following_url":"https://api.github.com/users/MrSparklle/following{/other_user}","gists_url":"https://api.github.com/users/MrSparklle/gists{/gist_id}","starred_url":"https://api.github.com/users/MrSparklle/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MrSparklle/subscriptions","organizations_url":"https://api.github.com/users/MrSparklle/orgs","repos_url":"https://api.github.com/users/MrSparklle/repos","events_url":"https://api.github.com/users/MrSparklle/events{/privacy}","received_events_url":"https://api.github.com/users/MrSparklle/received_events","type":"User","site_admin":false},"created_at":"2018-11-05T16:09:32Z","updated_at":"2018-11-05T16:09:32Z","author_association":"NONE","body":"I talk with Mike Hartington in Slack about this. For now the `ion-show-when` and `ion-hidden-when` has been removed from v4. They are evaluating it's usage.\r\n\r\nAs alternative you can use the framework equivalent like `ngIf` or `hidden`.\r\n\r\nfile.ts\r\n```\r\nimport {  Platform } from '@ionic/angular';\r\n....\r\nconstructor(private platform: Platform) {}\r\n...\r\npublic isMD = this.platform.is('md');\r\n```\r\n\r\ntemplate.html\r\n```\r\n<ion-item *ngIf=\"isMD\">\r\n    <ion-label>This should only show on Android.</ion-label>\r\n</ion-item>\r\n```\r\n\r\nI agree. This should be documented in Beta.15 release notes.\r\n"}}
{"actor":{"display_login":"MrSparklle"}}