ngInclude to ng-template

pfNotificationDrawer
Notifications Drawer
$scope.groups = [{
heading: "Notification Tab 1",
subHeading: "5 New Events",
notifications: [{
uid: 1,
unread: true,
message: "A New Event! Huzzah! Bold.",
status: 'info',
},
{
uid: 2,
unread: true,
message: "Another Event Notification",
status: 'ok',
}
],
{
heading: "Notification Tab 2",
subHeading: "3 New Events",
notifications: [],
}
];
heading.html
heading-include directive
component:pfNotificationDrawer

ng-include will not be added as it has security issues which can not be resolved without breaking its semantics.

@Input() headingTemplate: TemplateRef<any>;

let-group="notificationGroup"
orlet-foo = "notificationGroup"
let-<anything> can be bind to the object's key.
import { NotificationModule } from 'patternfly-ng'
{{group.heading}}
{{group.subHeading}}

--

--

--

#redhatter #opensource #developer #kubernetes #keycloak #golang #openshift #quarkus #spring https://mentorcruise.com/mentor/abhishekkoserwal/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abhishek koserwal

Abhishek koserwal

#redhatter #opensource #developer #kubernetes #keycloak #golang #openshift #quarkus #spring https://mentorcruise.com/mentor/abhishekkoserwal/

More from Medium

Loadchildren property in Angular11

Entry Components

How to transform an angular component to ‘custom elements’ , build it in single bundle , and call…

Is Angular Easy To Learn?