Javascript 角度防止默认值（）导致不必要的模糊/摘要

全部,

在我的Angular（1.5.9）SPA中，我有一个模型，用户从下拉列表中进行选择，并根据他们的选择渲染元素。但是，当用户与渲染元素（输入字段）交互时，angular会执行摘要，元素会模糊，这是由于我假设的重新渲染

这发生在一个引导模式窗口中，奇怪的是，在我的应用程序的另一部分中，我没有遇到类似的问题。我将提供下面的视图

使用巴塔朗，我可以看到当我专注于一个输入时，一个摘要正在发生，但我无法解释为什么

---

我发现防止在每个渲染输入上传播可以解决我遇到的问题。然而，我无法解释为什么这可以解决这个问题，然而

我将此功能添加到控制器中

$scope.stopProp = function (event){
   event.stopPropagation();
}

对于每个渲染的输入，我修改了我的视图，以模拟以下内容

<div ng-if="field.objDataType == 0">
    <label>
        {{field.strColumnAlias}}
    </label>
    <input type="text" ng-click="stopProp($event)" 
                       class="form-control" 
                       name="text" 
                       ng-model="field.objNewRowValue" 
                       placeholder="Please enter a {{field.strColumnAlias}}" 
                       required>
</div>

{{field.strColumnAlias}

$scope.stopProp = function (event){
   event.stopPropagation();
}

<div ng-if="field.objDataType == 0">
    <label>
        {{field.strColumnAlias}}
    </label>
    <input type="text" ng-click="stopProp($event)" 
                       class="form-control" 
                       name="text" 
                       ng-model="field.objNewRowValue" 
                       placeholder="Please enter a {{field.strColumnAlias}}" 
                       required>
</div>