This article represents concepts and code sample around how to add a row in a tabular dataset in Angular 2 apps. Please feel free to comment/suggest if I missed mentioning one or more important points. Also, sorry for the typos.
Following are the key points described later in this article:
Following are some of the key points to be noted in relation to adding a row in an Angular 2 app.
import {Component, View} from 'angular2/core'; import {bootstrap} from 'angular2/platform/browser'; @Component({ selector: 'add-rows' }) @View({ template: ` <h1>Angular 2 - Add Row Example</h1> <hr/> <form class="form-group"> <div class="row"> <div class="col-md-4"> <input type="text" [(ngModel)]="name" class="form-control"/></div> <div class="col-md-2"> <input type="button" (click)="addRow()" value="Submit" class="btn btn-primary"></div> </div> </form> <ul> <li *ngFor="#row of rows">{{row.name}}</li> </ul> ` }) export class AddRowComponent { rows = [{name: 'Chris Daly'}]; name = ""; <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> addRow() { this.rows.push({name: this.name}); this.name = ''; } } bootstrap(AddRowComponent);
Last updated: 26th April, 2024 In this blog post, we will discuss the logistic regression…
Last updated: 22nd April, 2024 As data scientists, we navigate a sea of metrics to…
Last updated: 22nd April, 2024 This post will teach you about the gradient descent algorithm…
Last updated: 19th April, 2024 Among the terminologies used in training machine learning models, the…
Last updated: 19th April, 2024 Model parallelism and data parallelism are two strategies used to…
Last updated: 4th April, 2024 In machine learning, model complexity, and overfitting are related in…