Discussion for angular (2+) - need help? create a stackblitz with your issue to get help faster using this template: https://stackblitz.com/fork/angular-issue-repro2
I'm new beginner in java and have a assignment to do heap and thread dump analysis and find out the bug and exact root cause..basically a demo to be shown
Can someone guide me where i can get some samples of Thread and Heap Dump with issues, steps to find the actual issue or root cause in the dumps ?
Bug identification with thread dump and heap dump which has issues.
Hello Everyone,
Recently we have to change our CI/CD setup of our angular application, as part of that we have modified two option in build process, named-chunks to TRUE and Hash value to NONE. Due to this lazy loading chunks name will remain same as module file name.
ng build --configuration production --aot=true --build-optimizer=true --output-hashing=none --named-chunks=true
As the result of above configuration we have few questions which is listed below,
Thanks in Advance
I come across a beautiful example - https://github.com/Nozbe/WatermelonDB/tree/master/examples and wanted to run this application example
How to run this node js application ? Can someone try and help me with the steps
The demo URL provided in the link https://github.com/Nozbe/WatermelonDB and https://watermelondb.now.sh/ is not working and followed the instructions given in https://nozbe.github.io/WatermelonDB/Demo.html#running-react-native-demo .
I got the following code:
@ Output() varEvent = new EventEmitter<any>();
.
.
.
this.someService.addToDb(request).subscribe(()=>{
this.varEvent.emit();
});
I am trying to trigger a function in the parent component after the new data is posted successfully to the database, but for some reason the eventEmitter variable (in the child component) does not work inside the subscribe. If I place it right after the subscribe, it works, but then I can't be sure if it happens right after the subscribe.
I have scrapped google for issues of this type, but could not find a single one.
Any clues to why the emit does not work inside the subscribe and how I can make sure it only emits after the subscribe has completed successfully ?
*ngFor let of?
1 reply
@apply inside style.scss but it is giving me an error
./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Expected a pseudo-class or pseudo-element.
at C:\Projects\Test_projects\ng-todos\src\styles.scss:9:3
at Root._error (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:174:16)
at Root.error (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\selectors\root.js:43:19)
at Parser.error (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:740:21)
at Parser.expected (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:1133:19)
at Parser.pseudo (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:875:19)
at Parser.parse (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:1084:14)
at Parser.loop (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:1043:12)
at new Parser (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\parser.js:164:10)
at Processor._root (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\processor.js:53:18)
at Processor._runSync (C:\Projects\Test_projects\ng-todos\node_modules\postcss-selector-parser\dist\processor.js:100:21)
at processResult (C:\Projects\Test_projects\ng-todos\node_modules\webpack\lib\NormalModule.js:713:19)
at C:\Projects\Test_projects\ng-todos\node_modules\webpack\lib\NormalModule.js:819:5
at C:\Projects\Test_projects\ng-todos\node_modules\loader-runner\lib\LoaderRunner.js:400:11
at C:\Projects\Test_projects\ng-todos\node_modules\loader-runner\lib\LoaderRunner.js:252:18
at context.callback (C:\Projects\Test_projects\ng-todos\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
at Object.loader (C:\Projects\Test_projects\ng-todos\node_modules\postcss-loader\dist\index.js:142:7)I am using tailwind css version 2.2.19 with Angular 12 and scss
My style.scss
@tailwind base;
@tailwind components;
@tailwind utilities;
.btn {
@apply px-8 p-4 py-2 rounded text-white font-semibold;
}
.blue {
@apply bg-blue-400 hover: bg-blue-500;
}When I use the classes in html directly it gives me no error but when use @apply it gives above error and fails to compile.
8 replies
hi :wave:
how do i read the innerHTML from a ContentChild?
Example, my app-custom-component has a ContentChild #actionsMoreMenu…
<app-custom-component>
<ng-template #actionsMoreMenu
let-row="row"
let-i="i"
let-dropdown="dropdown">
<li></li>
<li *userRight="deleteRight;module:module">
</li>
</ng-template>
</app-custom-component>In my component i have
@ContentChild('actionsMoreMenu') actionsMoreMenu: TemplateRef<any>; ngAfterContentInit(): void {
// check if action more menus has items
console.log(this.actionsMoreMenu);
}But i cant read the HTML from the elementRef.nativeElement
1 reply
Hi, I've question: I'll be very thankful if someone answer
My answer details are here: https://stackoverflow.com/questions/74408309/need-help-route-params-in-angular-14
Looking forward to reponse.
Thanks a lot.
??
CanDeactivate Guard not hiding URL in browser window on cancelling navigation
I am using the skipLocationChange property with true value so I can hide the URL in the browser. It is working fine. But for one of my features, I am using CanDeactivate guard so I can warn the user to save changes before leaving the current page. I am just displaying one pop-up to take confirmation from the user. If the user clicks on "OK" then he is navigating to the target page without any issue also the URL is also hidden in the browser. But If the user clicks on the "Cancel" button then he is staying on the same page but the problem is here current page URL is getting appended to the base URL in the browser. Which I don't want. I just want the URL to be hidden with the cancel case too.
I am also attaching the link to a sample project created using stackblitz: https://stackblitz.com/edit/angular-ivy-uqq8sg?file=src/app/app.component.html
Steps to produce an issue in the sample project:
Open the user-details page by clicking on the user-details link.
Fill out the user details form and click on the page-one link then it will show a confirmation window click on cancel.
The user will stay on the same page but it will also append the user-details URL in the browser.
Thanks in advance.
content-encoding header of the document I'm getting from the server is set to gzip. I read a peice of content in the StackOverFlow mentioning that if the encoding is gzip, Chrome will set the value of the lengthComputable to false for some reasons...
hello everyone, i have a question related to FormBuilder, i have a form generated dynamically with a + button, i want to display the form informations when i fetch the data from the server.
i have this in the creation page
locataire: this.formBuilder.array([]),
createTenant(): FormGroup {
return this.formBuilder.group({
prenomLoca: [''],
nomLoca: [''],
mailLoca: [''],
telLoca: [''],
newAdrLoca: ['']
});
}
get locataire(): FormArray {
return this.formProperty.get('locataire') as FormArray;
}
addTenantToFormArray(): void {
this.locataire.push(this.createTenant());
if (this.locataire.length === 4) {
this.presentToastErrorMessage();
}
}i tried this in the edit form but it did not work
locataire: this.formBuilder.array([
this.infos?.locataire[0] || [],
this.infos?.locataire[1] || [],
this.infos?.locataire[2] || [],
this.infos?.locataire[3] || [],
]),