Question

我正在试用angular quick start - 但感觉就像在我的组件的选择器中使用句点，例如'my.app'而不是'my-app'。

这导致Angular无法正确加载，chrome dev工具声明

文档
中不存在选择器'my.app'

我的 index.html 正文：

<body>
  <my.app>Loading...<my.app>
</body>

和 app.component.js ：

(function(app) {
  app.AppComponent =
    ng.core.Component({
      selector: 'my.app',
      template: '<h1>[Template] Hello Worlds!</h1>'
    })
    .Class({
      constructor: function() {}
    });
})(window.app || (window.app = {}));

我无法在与此相关的文档中找到任何内容。

有谁知道为什么会这样？

Answer 1

因为my.app不是有效的HTML元素名称。 HTML元素名称只能包含a-z，A-Z和0-9。

句点在CSS / jQuery选择器中用于表示类。因此，my.app将是my元素的选择器，其类app类似<my class='app'>

为什么不能在Angular2选择器中使用句点？

1 个答案: