Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 输入类型是否可以在角度间隔后更新_Angular_Rxjs - Fatal编程技术网

Angular 输入类型是否可以在角度间隔后更新

Angular 输入类型是否可以在角度间隔后更新,angular,rxjs,Angular,Rxjs,在视图初始化后的间隔之后,如何更改输入类型。 所以在设置了计时器(这里是5秒)之后,我想更改输入类型值 HTML 试试这个 <input [type]="inputType === 'number' ? 'number' : 'text'" ></input> 显而易见的问题是,当您尝试时会发生什么?html中的输入类型不会改变,但console会打印出数字。这是行不通的,您可以简单地添加两个输入,即文本和数字,根据输入类型,您可以切换输入标记(如

在视图初始化后的间隔之后,如何更改输入类型。 所以在设置了计时器(这里是5秒)之后,我想更改输入类型值

HTML

试试这个

<input [type]="inputType === 'number' ? 'number' : 'text'" ></input>


显而易见的问题是,当您尝试时会发生什么?html中的输入类型不会改变,但console会打印出数字。这是行不通的,您可以简单地添加两个输入,即文本和数字,根据输入类型,您可以切换输入标记(如果DOM中有其他内容,您可以这样做),不幸的是,这不起作用。键入输入标记的文本我已更新答案。请再试一次。
 ngAfterViewInit() {
        interval(5000).subscribe(() => { 
          this.inputType =  this.inputType === 'text' ? 'number' : 'number';
          console.log(this.inputType);
        });
      }
<input [type]="inputType === 'number' ? 'number' : 'text'" ></input>