Using Angular 2, you can pass an object as a parameter to a function

Question

Using Angular 2, you can pass an object as a parameter to a function

Is there a way to pass an object as a parameter in the DOM on this forum?

Within my HTML code, I have the following:

<div class="list-items">
    <ul>
        <li *ngFor="let i of item">
            <span  (click)="onAdd({{newUser.username}},{{i}})" 
                   class="glyphicon glyphicon-plus">
            </span>
                {{ i.name }}
        </li>
    </ul>
</div>

I am encountering errors with both {{newUser.username}} and {{i}}. My main concern is about passing the {{i}} element.

typescript angular

Answer 1

Answer №1

If you want to include variables in your template, simply use string interpolation with double curly braces {{variable}}. But for bindings and events, you can directly incorporate them like this:

<button (click)="onSubmit(user.name, index)" 
      [someProperty]="foobar" class="material-icons">
</button>

Answer 2

If you want to include variables in your template, simply use string interpolation with double curly braces {{variable}}. But for bindings and events, you can directly incorporate them like this:

<button (click)="onSubmit(user.name, index)" 
      [someProperty]="foobar" class="material-icons">
</button>

Using Angular 2, you can pass an object as a parameter to a function

Answer №1

Similar questions

The `note` binding element is assumed to have an unspecified `any` type

The class variable cannot access the Angular Http response returned by the service

Utilizing local images in Angular with route navigation

Controlling Ionic 3 slides on a separate page

Having trouble accessing the theme in a styled component with @emotion/styled

Asynchronous execution of Angular 2 services

Tips for creating a TypeScript function that can accept an array of concatenated modifiers with the correct data type

The idiom 'listen' is not recognized within the context of type 'Express'. Try using a different property or method to achieve the desired functionality

Which components can be interacted with in Protractor?

Guidance on specifying a type based on an enum in Javascript

Could you explain the significance of the ^ symbol preceding a software version number?

Why does the "revalidate" field in Incremental Static Regeneration keep refreshing without considering the specified delay?

Issue with linking 'matMenuTriggerFor' to a button in basic module

Confirming the dependencies of Angular modules versions

Arranging mat-checkboxes in a vertical stack inside a mat-grid-tile component of a mat-grid-list

Enhance the express Response type and then export my updated type as a distinct module

I must find a solution for implementing the nullish-coalescing operator and optional chaining

Is it necessary to include @types/ before each dependency in react native?

The issue arises due to conflicting indent configurations between eslint and @typescript-eslint/indent

Accessing the Next.js API after a hash symbol in the request URL