Question

我一直在敲我的键盘一会儿。

我有一个从服务器动态获取数据的指令。我根据后续下拉列表值隐藏show下拉列表。我想做一个新的选择时，我想删除所有以前的选择。我所经历的是，即使在我清理之后，数据仍然保留在之前的选择中。

请在下面找到我的代码：功能链接（范围，元素）{ scope.displayChildren = displayChildren;

  function displayChildren() {
    var currentItem = scope.model;
    scope.children = [];
    var elementName = currentItem.name + '-child';
    var elementResult = angular.element(document.querySelector('.' + elementName));

    if ( elementResult.length > 0) {
      element.contents().remove();
      elementResult.contents().remove();
      element.append('<composed-components model="model"></composed-components>');
      $compile(element.contents())(scope);
    }

    for (var i = 0, x = currentItem.children.length; i < x; i++) {
      var currentChild = currentItem.children[i];
      var array = currentChild.parentValue.split(',');
      scope.children = getScopeChildren(array, currentChild);
    }
    if (scope.children.length < 1) return;
    element.append('<composed-components class="{{child.parentName}}-child" ng-repeat="child in children track by child._id" model="child"></composed-components>');
    $compile(element.contents())(scope);
  }

  function getScopeChildren(array, currentChild) {
    if (scope.model.currentValue === null) {
      return [];
    }
    if (array.length > 1) {
      for (var i = 0, x = array.length; i < x; i++) {
        scope.children = compare(scope.model.currentValue.value, array[i], scope.children, currentChild);
      }
    } else {
      scope.children = compare(scope.model.currentValue.value, currentChild.parentValue, scope.children, currentChild);
    }
    return scope.children;
  }

  function compare(value1, value2, array, currentValue) {
    if (value1 === value2) {
      array.push(currentValue);
    }
    return array;
  }
}

非常感谢任何帮助。

Answer 1

如果您使用ng-model属性将下拉列表中的数据绑定到范围，则只需删除范围中的值，下拉菜单中的值将通过angular的聪明two-way data binding自动更新

您可能还想查看ngOptions指令，以便快速从控制器/指令链接函数中抽象下拉填充逻辑。

AngularJs - 根据classname

1 个答案: