Skip to content

docs: fix dynamic component loader example #22181

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

kapunahelewong
Copy link
Contributor

@kapunahelewong kapunahelewong commented Feb 12, 2018

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[x] Documentation content changes
[ ] angular.io application / infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: #21903 #22371 #22020

What is the new behavior?

Example works and copy in the doc is updated.

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

@kapunahelewong kapunahelewong force-pushed the dynamic-component-loader-fix branch from 57c4da1 to cf2a0b8 Compare February 12, 2018 21:41
@kapunahelewong kapunahelewong changed the title [WIP]docs: fix dynamic component loader example docs: fix dynamic component loader example Feb 12, 2018
@ssilvert
Copy link

I tried this change and it still appears broken with AdBlock on Firefox. I no longer get an error in the console, but the app now just shows a blank screen. Works fine if I pause AdBlock.

@kapunahelewong
Copy link
Contributor Author

@ssilvert thanks for checking. I'll add a note about needing to disable AdBlock and similar extensions.

@ssilvert
Copy link

BTW, this is REALLY important to us as I'm considering dynamic component loading as a major part of our architecture. We can't just tell everyone to turn off Ad Blockers.

@kapunahelewong
Copy link
Contributor Author

Ah, thanks for the context, @ssilvert. Would you be so kind as to file an issue with the concern about telling people to turn off AdBlockers? We should have a thread of conversation specifically for that and having it in its own issue will help us single that point out. Please tag me in it so I can help look out for your concern.

We still want to get this PR's change in since the example needs refactoring due to the ExpressionChangedAfterItHasBeenCheckedError.

@ssilvert
Copy link

OK. There is already on open issue that led to this. I can just add to that. The thing is, this PR seems to avoid the ExpressionChangedAfterItHasBeenCheckedError, but it doesn't actually fix the problem.

I suspect that this is a general problem with dynamic component loading rather than just a problem with the example. But I hope I'm wrong.

@mlc-mlapis
Copy link
Contributor

mlc-mlapis commented Feb 15, 2018

@ssilvert ... there is important to answer also what AdBlock is doing ... how it works because it is principal for understanding what affects that behavior in fact.

@ssilvert
Copy link

ssilvert commented Feb 15, 2018

@mlc-mlapis I agree. That's outside my area of expertise. Wish I could help with that.

@kapunahelewong
Copy link
Contributor Author

kapunahelewong commented Feb 15, 2018

Thanks @mlc-mlapis. @ssilvert I think AdBlock is specifically looking for the word "ad" and any thinkable combination with it. They use EasyList. It's not my area of expertise either, but I think that's what's happening. At some point, maybe we could try the example with the wording changed as an experiment, though that might be time consuming - probably something for a rewrite of that guide, which is a bigger undertaking.

EDIT: Just did a search of easy list and found 125 combinations of "AdBanner".

@kapunahelewong
Copy link
Contributor Author

@jenniferfell fyi ^^

@ssilvert has legitimate concerns about AdBlock and the Dynamic Component Loader example. We should put our heads together on it and see what we can do. (@ssilvert she and I were just discussing this the other day).

@ssilvert
Copy link

@kapunahelewong You were right!!! I did a global change of everything from "ad" to "foo" and from "Ad" to "Foo". Now it works. Made my day.

@kapunahelewong
Copy link
Contributor Author

@ssilvert Yay!!!! I'm so happy! Ok great, this confirms what we need to do then. Thank you very much!

@kapunahelewong
Copy link
Contributor Author

fyi @jenniferfell The above conversation shows what needs to be done in Dynamic Component Loader regarding AdBlock.

@kapunahelewong kapunahelewong removed the request for review from jenniferfell February 28, 2018 17:07
@kapunahelewong kapunahelewong added the action: merge The PR is ready for merge by the caretaker label Feb 28, 2018
@alexeagle alexeagle closed this in c82cef8 Feb 28, 2018
alexeagle pushed a commit that referenced this pull request Feb 28, 2018
leo6104 pushed a commit to leo6104/angular that referenced this pull request Mar 25, 2018
@kapunahelewong kapunahelewong deleted the dynamic-component-loader-fix branch June 7, 2019 14:20
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 15, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker cla: yes effort1: hours freq2: medium target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants