指令:ngModel不更改ng隐藏

Directive: ngModel not change ng-hide

本文关键字：ng 隐藏 ngModel 指令      更新时间：2023-09-26

我开始构建指令日历，但遇到了一个问题：

我正在放置动态表，并希望通过作为父控制器的ngModel进行筛选，但我不能使用动态表和attr来更改ngModel。

这是代码：

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;
  }

感谢

问题是，我认为angular没有意识到您正在创建这个元素。您肯定应该了解一下$compile方法。不使用document.createElement，而使用angular.element。创建所需元素后，使用$compile(_span)($scope)。

相关文章：