Implement CRUD (Select Insert Update Delete) operation in ASP.Net using AngularJs 2

Last Reply 2 months ago By dharmendr

Posted 2 months ago

hi,

I am a beginners angular 2, and i have to done code for editable table functionally with add delete functionality. what i don't know how to do without using java script and j-query.

                    <form class="form-horizontal" novalidate #AdminForm="ngForm"    (ngSubmit)="Submit()">
                        <div class="row">
                            <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo4">CIIU</button>
                            <div id="demo4" class="collapse">
                                <div class="row">
                                    <div class="col-xs-12 table-responsive fieldWrap">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>
                                                        <a (click)="addRow()" class="btn btn-xs btn-info">
                                                            <i class="glyphicon glyphicon-plus">crear</i>
                                                        </a>
                                                        <!--<button class="btn-Aceptar wrapper" type="submit">crear</button>-->
                                                    </th>
                                                    <th>Tip actividad cliente</th>
                                                    <th>TM</th>
                                                    <th>Segmento</th>
                                                    <th>Campaña PIL</th>
                                                    <th>Campaña Balcon</th>
                                                    <th>Plazo</th>
                                                    <th>Taza</th>
                                                </tr>
                                            </thead>
                                            <tbody>
 
                                                <tr *ngFor="let item of details;let i=index">
                                                    <td>
 
                                                        <select class="Box_Content_Control">
                                                            <option [ngValue]="undefined" selected>--Selecto--</option>
                                                            <!--<option *ngFor="let op of DescriptionActivities" [value]="op.Code">{{op.Description}}</option>-->
                                                        </select>
 
                                                    </td>
                                                    <td>
 
                                                        <select class="Box_Content_Control">
                                                            <option [ngValue]="undefined" selected>--Selecto--</option>
                                                            <!--<option *ngFor="let op of Tms" [value]="op.Tm">{{op.From}}</option>-->
                                                        </select>
                                                    </td>
                                                    <td>
 
                                                        <select class="Box_Content_Control">
                                                            <option [ngValue]="undefined" selected>--Selecto--</option>
                                                            <!--<option *ngFor="let op of TSegments" [value]="op.Code">{{op.Segment}}</option>-->
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <input type="number" class="Content_control">
                                                    </td>
                                                    <td>
                                                        <input type="number" class="Content_control">
                                                    </td>
                                                    <td>
                                                        <input type="number" class="Content_control">
                                                    </td>
                                                    <td>
                                                        <input type="number" class="Content_control">
                                                    </td>
                                                </tr>
                                            </tbody> 
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </form>

 

Posted 2 months ago
Hi @seriverma,
Please try the following

Add (Write), Read, Remove (Delete) Cookies in AngularJS Example

It might help you.

Cheers Andrea.

Posted 2 months ago

I want solution on angular 2 not in angularjs.please provide me solution on angular2