# Integrating a builder section into an angular app

**URL:** <https://forum.builder.io/t/integrating-a-builder-section-into-an-angular-app/486>\
**Category:** Technical Questions\
**Tags:** angular\
**Created:** [March 3, 2021, 5:33pm UTC](https://forum.builder.io/t/integrating-a-builder-section-into-an-angular-app/486 "2021-03-03T17:33:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Nick](https://forum.builder.io/u/Nick)\
**Post date:** [March 3, 2021, 5:33pm UTC](https://forum.builder.io/t/integrating-a-builder-section-into-an-angular-app/486/1 "2021-03-03T17:33:55Z")

</div>

I went through the basic landing page setup and have builder pages loading in my angular app. I have the npm package and the builder component setup in my app and its working fine.

Now I want to add a builder section on a page which is built in my app. I created a new model “my-section”, and created two sections based on that model - “taskSection” and “heroSection”.

I used the recommended code:  
` < builder-component model="my-section">Loading..< /builder-component>`

It works, but it always loads the first section in the list. How do I tell it which section I want to load?

In the API explorer, I can add a query input:  
` { "query.name": "heroSection" }`  
and it returns the correct one. How do I add that query as an input to \< builder-component \>?

I can’t get it to work despite trying about 100 variations on this syntax:

` < builder-component model="my-section" [data]={'query.name':'heroSection'} >Loading..< /builder-component>`

What am I missing?

Thanks  
Nick

---

<div class="post-metadata">

**Author:** ![aziz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/aziz/32/2551_2.png) [@aziz](https://forum.builder.io/u/aziz)\
**Post date:** [March 5, 2021, 8:43pm UTC](https://forum.builder.io/t/integrating-a-builder-section-into-an-angular-app/486/2 "2021-03-05T20:43:00Z")

</div>

Hi Nick, you’re very close, just needs to pass it in the options input instead of the data

```auto
<builder-component model="my-section" [options]="options">Loading..< /builder-component>

```

Where options is

```auto
import { GetContentOptions } from '@builder.io/sdk';

options: GetContentOptions = {
  query: {
    name: 'heroSection';
  }
}

```