如何设置输入字段以在 angular2 中输入单词后显示按钮

布伦加拉吉尼

我有一个输入字段,我希望该输入字段根据其中存在的媒体提供添加和更改按钮。HTML:

<div class = "type-video"  [hidden]= "selectedImage !='video'" >
      <span style="margin-left: 12%;">or </span>
      <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
      </div>

在这里,我得到了所有字段的输入,但我无法添加任何内容。如果我输入一个,它会输入所有字段

斯拉文

从您的问题中,我了解到您正在尝试区分newedit形式。

既然你在谈论媒体,你可以使用media.id或任何你的领域*ngIf条件

<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="!media.id">
    <span style="margin-left: 12%;">Add</span>
    <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>

<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="media.id">
    <span style="margin-left: 12%;">Change</span>
    <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

@Promise Angular2输入

来自分类Dev

Angular2:输入绑定

来自分类Dev

清理Angular2中的输入

来自分类Dev

Angular2中的输入属性绑定

来自分类Dev

angular2 中的 HTML 输入值

来自分类Dev

Angular2 & Firebase - 如何根据 URL 参数预加载表单输入字段?

来自分类Dev

使用angular2或打字稿输入选项卡A中的字段后,如何在选项卡B中预填充字段

来自分类Dev

使用Angular2输入onchange

来自分类Dev

Angular2 <form> 输入验证

来自分类Dev

如何使用angular js在输入字段中显示数据

来自分类Dev

Angular2中的跨字段验证

来自分类Dev

如何清除Angular中过滤的输入字段?

来自分类Dev

使用Angular.js选中复选框时如何设置输入字段值

来自分类Dev

在Angular2 / Typescript中不使用ngModel的情况下访问输入字段的值

来自分类Dev

在 angular2 中输入空格以外的字符时启用按钮

来自分类Dev

在angular2中增加焦点上输入的宽度

来自分类Dev

Angular2 +中动态渲染输入元素的指令

来自分类Dev

在Angular2 FormGroup中验证动态添加的输入

来自分类Dev

如何放大 IONIC 2 中的输入字段

来自分类Dev

如何为输入字段设置2路格式化器?

来自分类Dev

根据 <select> 中的用户选择在 Angular2 中显示输入

来自分类Dev

Angular2:如何在angular2数据绑定中以html格式显示数据?

来自分类Dev

Angular2:意外的令牌错误并显示输入到变量中

来自分类Dev

ngSwitch在Angular2中如何工作?

来自分类Dev

如何检测Angular2中的路径

来自分类Dev

如何设置日期时间输入字段的样式

来自分类Dev

如何设置动态创建的输入字段的 id?

来自分类Dev

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

来自分类Dev

如何在angular2中单击按钮更改视图

Related 相关文章

  1. 1

    @Promise Angular2输入

  2. 2

    Angular2:输入绑定

  3. 3

    清理Angular2中的输入

  4. 4

    Angular2中的输入属性绑定

  5. 5

    angular2 中的 HTML 输入值

  6. 6

    Angular2 & Firebase - 如何根据 URL 参数预加载表单输入字段?

  7. 7

    使用angular2或打字稿输入选项卡A中的字段后,如何在选项卡B中预填充字段

  8. 8

    使用Angular2输入onchange

  9. 9

    Angular2 <form> 输入验证

  10. 10

    如何使用angular js在输入字段中显示数据

  11. 11

    Angular2中的跨字段验证

  12. 12

    如何清除Angular中过滤的输入字段?

  13. 13

    使用Angular.js选中复选框时如何设置输入字段值

  14. 14

    在Angular2 / Typescript中不使用ngModel的情况下访问输入字段的值

  15. 15

    在 angular2 中输入空格以外的字符时启用按钮

  16. 16

    在angular2中增加焦点上输入的宽度

  17. 17

    Angular2 +中动态渲染输入元素的指令

  18. 18

    在Angular2 FormGroup中验证动态添加的输入

  19. 19

    如何放大 IONIC 2 中的输入字段

  20. 20

    如何为输入字段设置2路格式化器?

  21. 21

    根据 <select> 中的用户选择在 Angular2 中显示输入

  22. 22

    Angular2:如何在angular2数据绑定中以html格式显示数据?

  23. 23

    Angular2:意外的令牌错误并显示输入到变量中

  24. 24

    ngSwitch在Angular2中如何工作?

  25. 25

    如何检测Angular2中的路径

  26. 26

    如何设置日期时间输入字段的样式

  27. 27

    如何设置动态创建的输入字段的 id?

  28. 28

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

  29. 29

    如何在angular2中单击按钮更改视图

热门标签

归档