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

豚鼠酒

在我的项目中,我使用的是 Angular 2,我的编码如下:

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

并且 Object(this.result) 被加载到智能表中。它工作正常,但我想在智能表上方的文本框中显示结果中的名称。我编码如下:

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

但这不起作用,有什么可能的解决方案吗?

萨吉塔兰

声明一个模型变量

名称:字符串;

然后

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 ">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将值分配给在angular js中动态生成的矩阵中的文本框字段?

来自分类Dev

如何在VB .Net中检查2个文本框的数据

来自分类Dev

如何在按下文本框(WPF)中的Control + Right时选择2个单词?

来自分类Dev

如何使用value属性在2个文本框中显示2个以上的值

来自分类Dev

如何将对象分配给数组中的正确对象?反应本机

来自分类Dev

如何在yii2表单字段中对齐文本框?

来自分类Dev

在Angular 8中使用相同的ngModel属性在多个文本框中绑定不同的值

来自分类Dev

如何将数组中对象的属性分配给多个类属性?

来自分类Dev

如何在Angular 9中创建自定义文本框组件

来自分类Dev

如何将对象数组分配给Vue组件中的空数组?

来自分类Dev

如何从2个动态文本框中计算值并显示在第三个动态文本框中?

来自分类Dev

如何在Struts2中将文本框向左对齐

来自分类Dev

如何将值分配给在angular js中动态生成的矩阵中的文本框字段?

来自分类Dev

如何将文本框中的时间值分配给变量?

来自分类Dev

如何在文本框中自动在2位数字后插入连字符“-”?

来自分类Dev

如何从Angular.js中的json获取文本框值

来自分类Dev

如何内嵌数组以在yii2 ActiveForm中的文本框中显示它?

来自分类Dev

如何使用Angular JS在带有输入字段的文本框中添加文本并将其从文本框中删除?

来自分类Dev

如何将一个文本框中的字符集转换成图2中的文本框效果?

来自分类Dev

如何在UWP的文本框中添加2个按钮?

来自分类Dev

如何使用原始指针将对象分配给矢量中对象的属性?

来自分类Dev

在Angular 2中的文本框中绑定值

来自分类Dev

如何将文本框值分配给 wpf 中的另一个类

来自分类Dev

如何将对象属性绑定到 angular2 中的文本框

来自分类Dev

如何在 angular2 的剑道掩码文本框中转义掩码规则?

来自分类Dev

通过引用文本框中的值,单击事件上的 angular 2 警报框

来自分类Dev

如何将 12 位数字从富文本框移动到文本框 2

来自分类Dev

Angular2 获取 ERROR TypeError:无法分配给对象“#<HTMLInputElement>”的只读属性“list”

来自分类Dev

如果我在文本框中输入字符“A”,Angular2 + Html 如何编写代码,它会显示 A Enter

Related 相关文章

  1. 1

    如何将值分配给在angular js中动态生成的矩阵中的文本框字段?

  2. 2

    如何在VB .Net中检查2个文本框的数据

  3. 3

    如何在按下文本框(WPF)中的Control + Right时选择2个单词?

  4. 4

    如何使用value属性在2个文本框中显示2个以上的值

  5. 5

    如何将对象分配给数组中的正确对象?反应本机

  6. 6

    如何在yii2表单字段中对齐文本框?

  7. 7

    在Angular 8中使用相同的ngModel属性在多个文本框中绑定不同的值

  8. 8

    如何将数组中对象的属性分配给多个类属性?

  9. 9

    如何在Angular 9中创建自定义文本框组件

  10. 10

    如何将对象数组分配给Vue组件中的空数组?

  11. 11

    如何从2个动态文本框中计算值并显示在第三个动态文本框中?

  12. 12

    如何在Struts2中将文本框向左对齐

  13. 13

    如何将值分配给在angular js中动态生成的矩阵中的文本框字段?

  14. 14

    如何将文本框中的时间值分配给变量?

  15. 15

    如何在文本框中自动在2位数字后插入连字符“-”?

  16. 16

    如何从Angular.js中的json获取文本框值

  17. 17

    如何内嵌数组以在yii2 ActiveForm中的文本框中显示它?

  18. 18

    如何使用Angular JS在带有输入字段的文本框中添加文本并将其从文本框中删除?

  19. 19

    如何将一个文本框中的字符集转换成图2中的文本框效果?

  20. 20

    如何在UWP的文本框中添加2个按钮?

  21. 21

    如何使用原始指针将对象分配给矢量中对象的属性?

  22. 22

    在Angular 2中的文本框中绑定值

  23. 23

    如何将文本框值分配给 wpf 中的另一个类

  24. 24

    如何将对象属性绑定到 angular2 中的文本框

  25. 25

    如何在 angular2 的剑道掩码文本框中转义掩码规则?

  26. 26

    通过引用文本框中的值,单击事件上的 angular 2 警报框

  27. 27

    如何将 12 位数字从富文本框移动到文本框 2

  28. 28

    Angular2 获取 ERROR TypeError:无法分配给对象“#<HTMLInputElement>”的只读属性“list”

  29. 29

    如果我在文本框中输入字符“A”,Angular2 + Html 如何编写代码,它会显示 A Enter

热门标签

归档