में संग्रहीत सरणी से आइटम को हटाएं मैं टाइप स्क्रिप्ट के साथ कोणीय 2 में संग्रहीत सरणी से किसी आइटम को निकालना चाहता हूं।कोणीय 2
export class DataService{
private data:string[]=[];
addData(msg:string)
{
this.data.push(msg);
}
getData()
{
return this.data;
}
deleteMsg(msg:string)
{
delete[this.data.indexOf(msg)];
}
}
और मेरे घटक वर्ग:: मैं एक सेवा का उपयोग कर रहा डाटा सेवा, DataService कोड कहा जाता
import { Component } from '@angular/core'
import { LogService } from './log.service'
import { DataService } from './data.service'
@Component({
selector:'tests',
template:
`
<div class="container">
<h2>Testing Component</h2>
<div class="row">
<input type="text" placeholder="log meassage" #logo>
<button class="btn btn-md btn-primary" (click)="logM(logo.value)">log</button>
<button class="btn btn-md btn-success" (click)="store(logo.value)">store</button>
<button class="btn btn-md btn-danger" (click)="send()">send</button>
<button class="btn btn-md " (click)="show()">Show Storage</button>
<button (click)="logarray()">log array</button>
</div>
<div class="col-xs-12">
<ul class="list-group" >
<li *ngFor="let item of items" class="list-group-item" #ival>
{{item}}
<button class="pull-right btn btn-sm btn-warning" (click)="deleteItem(ival.value)">Delete</button>
</li>
</ul>
</div>
<h3>{{value}}</h3>
<br>
</div>`})
export class TestsComponent
{
items:string[]=[];
constructor(private logService:LogService,private dataService:DataService) {}
logM(message:string)
{
this.logService.WriteToLog(message);
}
store(message:string)
{
this.dataService.addData(message);
}
send(message:string)
{
}
show()
{
this.items=this.dataService.getData();
}
deleteItem(message:string)
{
this.dataService.deleteMsg(message);
}
logarray()
{
this.logService.WriteToLog(this.items.toString());
}
}
अब, सब कुछ छोड़कर अच्छा काम कर रहा है जब मैं कोई आइटम हटाने का प्रयास करें। लॉग मुझे दिखाता है कि आइटम अभी भी सरणी में है, और इसलिए पेज पर अभी भी दिखाया गया है। डिलीट बटन के साथ इसे चुनने के बाद मैं आइटम को कैसे हटा सकता हूं ??
** नोट: ** यदि आप ' इंडेक्सऑफ() '' -1' के लिए, यह सरणी से अंतिम आइटम को हटा देगा जब 'msg' नहीं मिला था! –