在异步操作角度2之后用新数据更新DOM

Question

我有以下场景，在我的视图组件中我有一个输入字段，在这个字段中我放置一个URL然后单击一个按钮，它启动对我的后端的异步调用，当数据返回时，所有内容都正确更新。返回的数据是包含图像链接数组的json对象。

输入组件：

<div class="panel panel-default" style="margin: 10px">
  <div class="panel-body">
<div class="input-group" >
        <input 
            type="text" 
            class="form-control" 
            placeholder="import link" 
            #input >
        <span class="input-group-btn">
        <button 
            class="btn btn-warning" 
            type="button" 
            (click)="onGetUserTitle(input)"
            >Go!</button>
      </span>
      </div><!-- /input-group -->
  </div>
</div>

表单组件：

      <h4>Item Images</h4>
  <div class="images">
    <img #imagesArray 
         *ngFor="let imgSrc of images" 
         src={{imgSrc}} 
         width="112" 
         height="106" 
         style="margin: 5px" >
  </div>

问题开始时，在完全相同的页面中，我将使用新的替换输入字段中的现有URL并启动新的异步操作。返回数据，但页面中的图像保持不变，并且不会使用从后端返回的新链接集进行更新。

所以主要的问题是，我可以使用响应中的新src链接更新图像吗？我尝试过使用科目/区域，还看了几个SO Q＆amp; A但是找不到解决方案。