AngularJs列表控件-如何避免设置表单的脏标志

Question

我们有一个使用2个列表控件的mover指令。 问题是，当我只单击分配的项目列表中的一个项目时，它会使我的表单变脏。 我在指令控制器onChanged事件（由第二个列表ng-change调用）中尝试了以下解决方案：

  $scope.onChanged = function (assigned) { var currentState = $scope.form.$dirty; $scope.selectedItem = assigned[0]; if (currentState === false) $scope.form.$setPristine(); } 

但是，currentState已经为真，因此我的代码不执行任何操作。 如何防止单击列表控件来设置表单的脏状态？ 我发现了两个相关的问题， 如何将控件排除在制作“肮脏”表单之外？ 以及如何指示AngularJS中哪些输入字段已更改，但是我不清楚我是否应该尝试这两种解决方案。 该代码在一些地方检查$ scope.form。$ dirty，因此最好的解决方案是以某种方式确保单击列表不会使它变脏。 我也有noDirty指令，尚未尝试将其应用于该列表。 我现在要尝试。

Answer 1

我现在实现的解决方案是指令中的以下更改：

 var directive = { controller: ['$scope', '$timeout', function ($scope, $timeout) { $scope.upDisabled = true; $scope.downDisabled = true; $scope.assigned = null; $timeout(function () { $scope.form.assignedList.$pristine = false; }); 

基于该线程的最后一个答案阻止输入设置形式$ dirty angularjs 。 在我的快速有限测试中，它似乎有效。 我最初尝试仅在列表中使用我们的noDirtyCheck指令，但是由于某种原因，它在我的第一次尝试中不起作用，因此我已经切换到该解决方案。