小编Lar*_*nty的帖子

Angular 中哈希符号 (#) 的使用?

我对 html/CSS/Angular 很陌生,我对我已经使用了一段时间的东西有疑问,但意识到我不太明白它的重要性:哈希符号 (#)

这个符号在 Angular 中经常使用——

  • 假设存在一些元素:

    <some-element id="my-element" #myElement></some-element>
    
    Run Code Online (Sandbox Code Playgroud)

    这两个变量 myElementById 和 myElementByHash 在功能上似乎是相同的:

    let myElementById = document.getElementById("my-element");
    
    @ViewChild("myElement") someElement;
    let myElementByHash = this.someElement.nativeElement;
    
    Run Code Online (Sandbox Code Playgroud)

  • 此外,这些散列名称用于许多 Angular 组件,例如,当使用 mdMenu 时,会为 mdMenu 元素提供<some-menu>一个引用名称#someMenu,该名称将用作[mdMenuTriggerFor]绑定的目标。

    哈希符号在 Web 开发世界中具有不同类型的用途——它用作 URL 片段标识符、CSS id 选择器,以及我工作过的 Angular 应用程序中的这个“引用名称”标识符。由于它的用途很多,我很难在网上找到这个符号实际作用的明确解释。

    所以,所以,我对你的问题是

    1. 哈希符号 (#) 的意义是什么,或者我在哪里可以找到解释这个的文档?

    2. 哈希符号和元素的 id 属性在用法上有何异同?

    谢谢!

  • html angular

    6
    推荐指数
    0
    解决办法
    6095
    查看次数

    标签 统计

    angular ×1

    html ×1