How to pass Popover Title,position, text dynamically in html

Asked Mar 25 '19 at 12:14

Active Mar 25 '19 at 12:33

Viewed 99 times

In my project am using popover in that I want to pass the Title,position and text dynamic.i am using ng-content to pass the data.In this code i dono know how to pass it dynamically can anyone please tell me how to achive this?

landing-component

   <app-pop-over> 
     <app-pop-title> Heading </app-pop-title>
     <app-pop-position> top </app-pop-position>
     <app-pop-text>  gjkgkjgj go oi hoi h </app-pop-text>
  </app-pop-over>

pop-title.component

<ng-content></ng-content>

pop-position.component

<ng-content></ng-content>

pop-text.component

<ng-content></ng-content>

Main Pop-over-component

<button  class="custom-pop-over" data-toggle="popover" [attr.title]="title" data-placement="right" [attr.data-content]="text">jds</button>

edited Mar 25 '19 at 12:33

asked Mar 25 '19 at 12:14

smith hari

this may help you: https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/ – Ketan Akbari Mar 25 '19 at 12:17
https://stackoverflow.com/questions/42878506/angular-2-passing-html-to-ng-content-with-bindings – לבני מלכה Mar 25 '19 at 12:19
Possible duplicate of [Passing for variable to ng-content](https://stackoverflow.com/questions/51807192/passing-for-variable-to-ng-content) – לבני מלכה Mar 25 '19 at 12:19
Am new to this technology can u please help me to do this. – smith hari Mar 25 '19 at 12:31
Possible duplicate of [Angular 2 passing html to ng-content with bindings](https://stackoverflow.com/questions/42878506/angular-2-passing-html-to-ng-content-with-bindings) – Yashwardhan Pauranik Mar 25 '19 at 12:37
@YashwardhanPauranik Actually i was new to this technology can u please tell me how to use in my case – smith hari Mar 25 '19 at 12:43

How to pass Popover Title,position, text dynamically in html

0 Answers0