如何创建一个在下拉列表中重置值的指令？

Question

我为每个标签创建了一个带有颜色下拉指令的tabcontrol。我想一次性重置所有选项卡中的下拉值。这是指令：

<button class="btn btn-warning" ng-click="colors=' ' "></button>

如何重置颜色值？

Plunkr：http://plnkr.co/edit/AasWSJzBWib4aRZuAoBv?p=preview

Answer 1

我通过将脚本移动到单独的js文件中来编辑您的plunker以获得可读性。 我还移动了选项卡所在div中的按钮，以便它继承范围并共享同一个控制器。

在TabCtrl中我添加了一个重置​​colors属性的函数。您可以通过将颜色设置为空字符串或删除颜色属性来完成此操作。选择你喜欢的。

  $scope.resetColors = function () {
    for (i=0;i<$scope.tabs.length;i++) {
      delete $scope.tabs[i].color;
      //$scope.tabs[i].color = ""; --Optional instead of the above
    }
  }

希望此解决方案适合您。

Plnkr：http://plnkr.co/edit/NLKVlMTPxSWV2vUwZdri