Binding an Angular 2 array in the template

Question

I have a component that looks something like this:

import {Component, Input} from "@angular/core";
@Component({
  selector : 'radio-select',
  ...
})
export class RadioToggleSelect {
  @Input() options : Array<string>;
}

Now I'd like to bind to the array in the HTML, such as something like:

 <radio-select options='["Users", "Account Holders"]'> </radio-select>

Is this possible?

Shushanth Pallegar · Accepted Answer · 2016-06-09 10:08:02Z

1

In Angular 2 For Property Binding target property should be surrounded its name with [] , which is one way binding from model to view. it should be as below

[options]='["Users", "Account Holders"]'

answered Jun 9, 2016 at 10:08

Shushanth Pallegar

2,8721 gold badge17 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Günter Zöchbauer · Accepted Answer · 2016-06-09 10:11:19Z

0

Without [] the value is treated as plain string. Use this instead:

<radio-select [options]='["Users", "Account Holders"]'> </radio-toggle-select>

edited Jun 9, 2016 at 10:11

answered Jun 9, 2016 at 10:00

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Collectives™ on Stack Overflow

Binding an Angular 2 array in the template

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related