小编Jęd*_*ski的帖子

从数组打字稿中删除对象(Angular 2)

我只是尝试从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,因为我想要删除下面的按钮正好这个语言.你能帮助我吗?

[编辑]我再次遇到这个代码的问题,因为每当我尝试添加新的语言(推送)时,它会清除我在数组中存在的类的数据,你知道是什么原因引起的吗?

html typescript ngfor angular

5
推荐指数
2
解决办法
3万
查看次数

日期格式更改角度2

我需要更改我的日期格式,问题是我不能使用moment.js,我只需要将日期从yyyy-mm-dd转换为dd-mm-yyyy.我使用角度v 2.4.0.

date date-formatting angular

4
推荐指数
2
解决办法
3万
查看次数

选择输入时的Angular 2事件

我想知道是否在选择输入时发生任何事件,当我用鼠标单击输入时(选择)(选择)不起作用(仅选项卡)

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上工作[编辑]

events angular

3
推荐指数
1
解决办法
4990
查看次数

将Angle 2发布到Promise HTTP

您好,我需要在发布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未定义

javascript json http angular

2
推荐指数
1
解决办法
1401
查看次数

用于设置Angular 2样式的Typescript变量

我想将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已设置(已选中)

html css angular

1
推荐指数
1
解决办法
1055
查看次数

标签 统计

angular ×5

html ×2

css ×1

date ×1

date-formatting ×1

events ×1

http ×1

javascript ×1

json ×1

ngfor ×1

typescript ×1