为什么我看到类似东西的下拉列表，并且需要在Chrome中“打开”我的Angular组件

Question

为什么我在Chrome浏览器而不是IE11中看到此内容，而不是我的Angular“详细信息”组件的内容？

如果我“打开”下拉菜单，就像看到东西一样，但是为什么我得到了这个而不是内容呢？

Answer 1

我的同事找到了罪魁祸首，似乎' details '是对角度分量的错误选择器...因为HTML5已经包含一个<details>标签。
所以不要使用：

@Component({
  selector: 'details',
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.css']
})

而是使用：

@Component({
  selector: 'detailsWhatever',
  templateUrl: './details.component.html',
  styleUrls: ['./details.component.css']
})

或其他不只是'details'的选择器。
h！