我在NgComponent内添加一些HTML内容,并添加setInnerHtml()。

记录显示,指令已实例化,但未评估{{ctrl.xxx}}表达式。

为了设置HTML,我使用了带有自定义NodeValidator和以下value方法的指令形式ng-bind-html

  set value(value) {
    _element.setInnerHtml((value == null ? '' : value.toString()),
                                             validator: validator);
    _log.finest(value);
    if(value != null) {
      BlockFactory template = _compiler(_element.children, _directiveMap);
      Block block = template.bind(_injector)(_scope);
    }
  }

我在插入的HTML中也有一些<input type='text' ng-model='ctrl.someValue'>
调试器显示ng模型已实例化并
getter ctrl.someValue被调用
但输入元素未显示返回值。

当我以template静态插入生成的HTML时,一切正常。

如何获得由Angular完全处理的动态插入HTML。

最佳答案

编辑

软件包http://pub.dartlang.org/packages/bwu_angular包含此装饰器/指令作为bwu-safe-html
------

我找到了解决方案here

  @NgOneWay('ac-bind-html')
  set value(value) {
    if(value == null) {
      _element.nodes.clear();
      return;
    }
    _element.setInnerHtml((value == null ? '' : value.toString()),
                                             validator: validator);
    _log.finest(value);
    if(value != null) {
      _compiler(_element.childNodes, _directiveMap)(_injector, _element.childNodes);
    }
  }

另请参阅我对How to add a component programatically in Angular.Dart?的回答以获取完整代码

07-24 09:39
查看更多