javascript - 使用特殊字符的 AngularJs Web 组件

Question

作为 Web 组件，我指的是 AngularJs 的指令。

我正在尝试使用特殊字符作为标签名称，尤其是亚洲字符(更具体地说是韩语)。

这是一个plunker这样您就会更好地理解我想要实现的目标。

// library
(function (angular) {

  angular.module('molecules', [])
    .directive('헐', function () { return {
      template: 'ㅎㅓㄹ'
    }});

})(window.angular);



// main module
(function (angular) {

  angular.module('lab', ['molecules']);

})(window.angular);


<div ng-controller="monitor1">
  <헐></헐>
</div>

Answer 1

这似乎与浏览器解释 DOM 的方式有关。如果将字母字符附加到外来字符(在指令以及开始和结束标记中)，它将按预期工作，即

<a헐></a헐>

注意 - 在查看 DOM 时检查它(我在 IE11 中检查) - 请注意该标签以 .使用 <헐> 请注意，IE 已自行进行了一些修改。还有控制台错误 HTML1407:无效的标记名称。第一个字符应匹配 [a-zA-Z]。