小编Mis*_*sar的帖子

Angular-6:将字符串转换为自定义对象的数组

我有这个产生的字符串

string str = [{"id":1,"name":"Angular"},{"id":2,"name":"SpringBoot"}]
Run Code Online (Sandbox Code Playgroud)

我想将其转换为Objects数组以使其具有:

listexps: Expertise[];
listexps = [{"id":1,"name":"Angular"},{"id":2,"name":"SpringBoot"}];
Run Code Online (Sandbox Code Playgroud)

专门知识课程是

export class Expertise
{
    id: number;
    name: string;
}
Run Code Online (Sandbox Code Playgroud)

我尝试过:

let array = str .replace('[{','').replace('}]','').split("},{").map(String);
Run Code Online (Sandbox Code Playgroud)

但这并不能解决我的问题,我得到了:

"id":1,"name":"Angular","id":2,"name":"SpringBoot"
Run Code Online (Sandbox Code Playgroud)

代替

[{"id":1,"name":"Angular"},{"id":2,"name":"SpringBoot"}];
Run Code Online (Sandbox Code Playgroud)

您对解决这个问题有任何想法吗?非常感谢。

arrays json typescript angular angular6

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

获取select radio Angular 6的默认值

我有此映射用户* ------------------------ 1职业。我想修改一个用户。所以我从中选择一个list-users.component.html,我将被重定向到modify-user.component.html

以下是必需的文件:

Modify-user.component.html

<form [formGroup]="editForm" (ngSubmit)="onSubmit()">
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" formControlName="name" placeholder="Name" name="name" class="form-control" id="name">
        </div>
        <div *ngFor='let pro of professions; let i = index'>
            <label>
                <input type="radio"
                       id="pro.id" 
                       checked="pro.selected" 
                       name="pro"
                       [(ngModel)]="this.editForm.pro"
                       (change)='radioChecked(pro.id, i)'
                       [value]="pro.libelle">
                <span></span>
                <span class="check"></span>
                <span class="box"></span>
                {{pro.libelle}}
            </label>
        </div>
        <p>==> {{selectedProfessionRadio}}</p>
        <button class="btn btn-success">Update</button>
    </form>
Run Code Online (Sandbox Code Playgroud)

Modify-user.component.ts

export class ModifyUserComponent implements OnInit
{

    private selectedProfessionRadio;
    professionLib: string;
    editForm: FormGroup;
    usrId: String;

    professions: Profession[] =
    [
        {id: 1, libelle: "Engineer", …
Run Code Online (Sandbox Code Playgroud)

angular angular6

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

标签 统计

angular ×2

angular6 ×2

arrays ×1

json ×1

typescript ×1