小编Amb*_*nna的帖子

一旦我为我的问题搜索解决方案,我的问题是"我想检测用户何时打字以及何时停止输入以便我可以更新状态."

我创建了一个样本.愿它适合你.

var typingTimer;
var doneTypingInterval = 10;
var finaldoneTypingInterval = 500;

var oldData = $("p.content").html();
$('#tyingBox').keydown(function() {
  clearTimeout(typingTimer);
  if ($('#tyingBox').val) {
    typingTimer = setTimeout(function() {
      $("p.content").html('Typing...');
    }, doneTypingInterval);
  }
});

$('#tyingBox').keyup(function() {
  clearTimeout(typingTimer);
  typingTimer = setTimeout(function() {
    $("p.content").html(oldData);
  }, finaldoneTypingInterval);
});



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>



<textarea id="tyingBox" tabindex="1" placeholder="Enter Message"></textarea>
<p class="content">Text will be replace here and after Stop typing it will get back</p>

查看小提琴:http://jsfiddle.net/utbh575s/

我运行以下命令来创建stats.json:

ng build --prod --stats-json

在此之后我执行下面的代码:

webpack-bundle-analyzer dist/stats.json

一旦我执行它,我在终端中收到以下错误:

'webpack-bundle-analyzer'不被识别为内部或外部命令,可操作程序或批处理文件.

我已经安装了webpack-bundle-analyzer.

在Package.json文件中它可用

"webpack-bundle-analyzer":"^ 2.11.1"

请帮我解决.

注意:Stats.json在dist文件夹中可用

父组件.html

<parent-comp [data]="mydata"> </parent-comp>

父组件.ts

this.service.abc$
        .takeUntil(this.ngUnsubscribe.asObservable())
        .subscribe((data: myType[]) => {
            this.mydata= data;
        });

子组件.ts

@Input data;

在类下我有以下代码

<parent-comp [data]="mydata"> </parent-comp>

@Input data现在我希望每当我从父组件接收到子组件的最新数据时，我的ngOnChanges函数就应该触发并在控制台中打印数据。

但不幸的是ngOnChanges函数不会再次触发。组件初始化时仅触发一次

如果有人想要更多详细信息，请告诉我！

谢谢！

我在代码中使用以下代码段。如果我正在应用变量绑定“ [（ngModel）]”，那么我的默认选项即“标题*”不可见。如果我将其删除，则它的行为正常，默认情况下，星标显示第一个选项。

 <select name="title" id="title"title="Please select title" [(ngModel)]="title">
                <option value="title" selected>Title*</option>
                <option value="MD">MD</option>
                <option value="RN">RN</option>
                <option value="Mr">Mr</option>
                <option value="Ms">Ms</option>
  </select>