Question

在我的项目中，我使用的是Angular 2，我的编码如下：

＆＃13;

this.http.get('http://localhost:8000/json')
.map(response => response.json())
.subscribe(data =>{ this.result = data });

＆＃13;

并将Object（this.result）加载到智能表中。它工作得很完美，但我想在智能表上方的文本框中显示结果名称。我的编码如下：

＆＃13;

 <input type="text" [(ngModel)]="result.Name">
    <br/><ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>

＆＃13;

但这不起作用，有没有可能的解决方案？

Answer 1

声明模型变量

name：String;

然后

this.http.get('http://localhost:8000/json')
.map(response => response.json())
.subscribe(data =>{ 
   this.result = data;
   this.name = data[0].name; //access the index you need     
 });

并将其用作

 <input type="text" [(ngModel)]="name ">

如何将对象属性分配给Angular 2中的文本框？

1 个答案: