我只是尝试从typescript中的数组中删除对象,在角度2.4.0中,让我显示代码,它是我的html文件:
button type="submit" (click)="addAnotherLanguague()" >Add non native languague</button>
<li *ngFor="let languague of listOfLanguagues;">
<div class="form-item form-item--text">
<label class="label invisible">Years studied</label>
<input type="number" min="0" [(ngModel)]="languague.yearsStudied" name="years" placeholder="Years studied"/>
</div>
<button type="submit" (click)="removeLanguague(languague)" >Remove</button> // here you can see use of method
</li>
Run Code Online (Sandbox Code Playgroud)
还有component.ts
(...)
this.listOfLanguagues = new Array <LanguagueInformationData>();
}
addAnotherLanguague(){
this.listOfLanguagues.push(new LanguagueInformationData);
}
removeLanguague(languague){
this.listOfLanguagues.slice(this.listOfLanguagues.indexOf(languague), 1);
}
(...)
Run Code Online (Sandbox Code Playgroud)
添加效果很好,但我尝试删除所有内容,但仍然不知道如何转移该语言的参考,我不想使用.pop,因为我想要删除下面的按钮正好这个语言.你能帮助我吗?
[编辑]我再次遇到这个代码的问题,因为每当我尝试添加新的语言(推送)时,它会清除我在数组中存在的类的数据,你知道是什么原因引起的吗?
我需要更改我的日期格式,问题是我不能使用moment.js,我只需要将日期从yyyy-mm-dd转换为dd-mm-yyyy.我使用角度v 2.4.0.
我想知道是否在选择输入时发生任何事件,当我用鼠标单击输入时(选择)(选择)不起作用(仅选项卡)
HTML:
<div (seeked)="setFocus($event.target.name)">
// I tried (focus) (select) (input) (click)<-this one is closest
<input type="text" name="input1">
<input type="text" name="input2">
</div
Run Code Online (Sandbox Code Playgroud)
我在Angular 2.4.1上工作[编辑]
您好,我需要在发布json对象后使用toPromise获得一些响应,它是我的代码,响应未定义:
export class ApiStorage{
constructor( @Inject(Http) private http: Http ){}
rs(){
this.http.post('http://0.0.0.0:80/student/outbound', this.json, headers)
.toPromise()
.then(response => {
respond = JSON.stringify(response);
return respond; //<- edited
})
.catch((error: any) => {
...
});
}
}
Run Code Online (Sandbox Code Playgroud)
然后当我在主要组件中使用时
send(){
respondJSON = apistorage.rs();
console.log(respondJSON);
}
Run Code Online (Sandbox Code Playgroud)
responseJSON未定义
我想将typescript变量传递给样式,我不知道是否可能,有代码:
<tr *ngFor="let app of data">
<div class="progress_bar" style="width: {{app.applicationProgress}}%;"></div>
</tr>
Run Code Online (Sandbox Code Playgroud)
我的app.applicationProgress已设置(已选中)
angular ×5
html ×2
css ×1
date ×1
events ×1
http ×1
javascript ×1
json ×1
ngfor ×1
typescript ×1