I have created on lnc-blog section data models and trying to implement in angular using angular builder sdk.
I want to display a page for each blog in the lnc-blog section data model, i am using builder-component tag to render the builder content but it is always rendering the first blog from lnc-blog section data models, i open any blog article it renders only first blog article data.
here is my code:
<div class="row justify-content-center">
<div class="col-lg-12" *ngIf="article?.data">
<h3 style="text-align:center;">NursingCenter Blog</h3>
<h1>{{article?.data?.title}}</h1>
<img width="300" height="200" src="{{article.data.image}}" />
<builder-component model="lnc-blog" content="{{article}}">
</builder-component>
</div>
</div>
Builder content link
htt ps :// builder. io/content/462900a95eb4478da1fc30e7e9cb0853
Builder public api key
f5b52994d39c462c8d903bdfd305a8a3
What are you trying to accomplish
I am trying to create blog article using section data models.
in the below screenshot you can see that I have opened an article about chatGPT but the builder-component is rendering the content of first article only, it is not rendering the opened article content.
Screenshots or video link
Code stack you are integrating Builder with
angular