指令:ngModel不更改ng-hide

时间:2015-10-29 18:42:30

标签: javascript angularjs angularjs-directive

我开始构建指令日历,我遇到了问题:

我正在使用动态表,并希望通过作为父控制器的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;
  }

由于

1 个答案:

答案 0 :(得分:0)

问题是,我认为angular不知道你正在创建这个元素。你应该看看$compile方法。而不是使用document.createElement使用angular.element。创建所需元素后,使用$compile(_span)($scope)