Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@developer-partners/ngx-modal-dialog
Advanced tools
Readme
npm install @developer-partners/ngx-modal-dialog
import { ModalModule } from '@developer-partners/ngx-modal-dialog';
@NgModule({
imports: [
ModalModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
constructor(private readonly _modalService: ModalService) {
}
public createBook(): void {
this._modalService.show<Book>(CreateEditBookComponent, {
title: 'Create Book'
}).result()
.subscribe(newBook => {
// newBook is returned when the CreateEditBookComponent calls the ModalReference.closeSuccess function
// and passes data to it
this.books?.push(newBook);
});
}
The ModalService.show
function accepts 2 parameters. The first parameter is the Angular component to show inside the modal dialog. In the example above, it is CreateEditBookComponent
. Without a component passed to it, a modal dialog would be just an empty panel overlaying the main screen. The second parameter is an object with options that contain setttings such as title, position, and size of the modal dialog.
The component shown inside the modal dialog body can interact with the modal dialog. It can close the dialog, change its size, position, and a few other properties. To be able to interact with the modal dialog, you have to inject the ModalReference service in your component.
import { ModalReference } from "@developer-partners/ngx-modal-dialog";
constructor(private readonly _modalReference: ModalReference<Book>) {
}
To close the modal dialog using the ModalReference
service, simply call the cancel
function.
public cancel(): void {
this._modalReference.cancel();
}
To close the modal dialog and indicate a successful result, call the closeSuccess
function. The closeSuccess
function can optionally receive a parameter that will be passed back to the component that showed the modal dialog.
public saveData(): void {
this._modalReference.closeSuccess(this.book);
}
When you are showing the modal dialog, you can pass custom data to it. You can use the model
property of modal options for that.
public editBook(bookToEdit: Book): void {
this._modalService.show<Book>(CreateEditBookComponent, {
title: 'Edit Book',
model: bookToEdit
}).result()
.subscribe(editedBook => {
// editedBook is returned when the CreateEditBookComponent calls the ModalReference.closeSuccess function
// and passes data to it
console.log(editedBook);
});
}
The component shown in the body of the modal dialog (CreateEditBookComponent
in this example) can use the passed data using ModalReference.config.model
property
import { ModalReference } from "@developer-partners/ngx-modal-dialog";
constructor(private readonly _modalReference: ModalReference<Book>) {
console.log(this._modalReference.config.model);
}
Developer Partners, Inc.
FAQs
1. Install the libary
The npm package @developer-partners/ngx-modal-dialog receives a total of 48 weekly downloads. As such, @developer-partners/ngx-modal-dialog popularity was classified as not popular.
We found that @developer-partners/ngx-modal-dialog demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.