指令：ngModel不能更改ng-hide

Question

我開始構建指令日歷，但遇到了問題：

我正在放置動態表，並希望通過作為父控制器的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;
  }

謝謝

Answer 1

問題是，我認為angular不了解您正在創建此元素的事實。 您絕對應該看一下$compile方法。 代替使用document.createElement而是使用angular.element 。 創建所需的元素后，使用$compile(_span)($scope) 。