Директива: модель не меняется ng-hide

0

Я начал строить календарь директивы, и у меня есть проблема:

Я помещаю динамические таблицы и хочу фильтровать с помощью ngModel, который является родительским контроллером, но я не могу принять изменение ngModel с помощью динамических таблиц и attr.

Вот код:

HTML

<li class="checkbox">
   <input type="checkbox" ng-model="confirm.is_true" checked class="checked-blue">
   <label>Confirm</label>
</li>

JS

function createBar(kind) {
    var _span = document.createElement("div");
    switch(kind){
      case "initial":
        var _img = document.createElement("img");
        var _text = document.createTextNode("Test");
        _img.src = "/uploads/photo/27/sq135_DSC_0011.JPG";
        _span.appendChild(_img);
        _span.appendChild(_text);
        _span.className = "bar-init";
        _span.setAttribute("ng-hide", "confirm.is_true");
        break;
      case "middle":
        _span.className = "bar-middle";
        break;
      case "end":
        _span.className = "bar-end";
        break;
    }
    return _span;
  }

благодаря

  • 0
    Где код директивы? И почему вам нужно добавлять элементы динамически
Теги:
angularjs-directive

1 ответ

0
Лучший ответ

Проблема в том, что я думаю, что угловой не знает о том, что вы создаете этот элемент. Вам обязательно нужно взглянуть на метод $compile. Вместо использования document.createElement используйте angular.element. После создания нужного элемента используйте $compile(_span)($scope).

  • 0
    Спасибо, $ compile (_span) ($ scope) разрешен

Ещё вопросы

Сообщество Overcoder
Наверх
Меню