AngularJsDialog有选择父元素引用的选项——似乎Angular2+没有这个选项。
创始人
2024-10-27 08:01:12
0次

在 Angular 2+ 中实现对父元素的引用有几种方法，以下是其中一种：

  1. 在子组件中定义一个@Input属性，用来接收父组件中需要传递的值。

  2. 在父组件的模板中，通过 #reference 定义一个本地模板引用，并传递给子组件。

  3. 在子组件中，通过 @ViewChild 获取本地模板引用。

  4. 最后，在子组件中调用 nativeElement 即可得到父组件中的元素。

具体代码如下：

在父组件模板中：

在子组件中：

import { Component, ViewChild, ElementRef, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '
'
})
export class ChildComponent {
  @Input() parentRef: ElementRef;

  ngAfterViewInit() {
    let parentEl = this.parentRef.nativeElement;
    // 此时可操作父元素
  }
}

上一篇：AngularJS的`orderBy`过滤器的排序顺序优先级是什么？

下一篇：AngularJS点击事件与Onsen UI按钮不起作用

相关内容

热门资讯

黑科技辅助！wepoke软件靠... 您好，wepoke软件靠谱这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
黑科技辅助！wepoke插件，... 黑科技辅助！wepoke插件，（WePoKe有规律）原来真的有挂，辅助教程（有挂透视）-哔哩哔哩是一...
黑科技辅助！wepoke黑科技... 黑科技辅助！wepoke黑科技是啥，（wepoke德州扑克）原来真的有挂，详细教程（有挂分享）-哔哩...
一分钟了解！gg扑克有假，（扑... 一分钟了解！gg扑克有假，（扑克时间）原来真的有挂，软件教程（了解有挂）-哔哩哔哩；一分钟了解！gg...
黑科技辅助！wepoke私人局... 您好，wepoke私人局有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多...
科普攻略！微扑克辅牌器，（新微... 科普攻略！微扑克辅牌器，（新微扑克）原来真的有挂，可靠技巧（有挂解惑）-哔哩哔哩是一款可以让一直输的...
黑科技辅助！wepoke有辅助... 黑科技辅助！wepoke有辅助软件，（WePoKe能胜）原来真的有挂，必胜教程（有挂详情）-哔哩哔哩...
黑科技辅助！wepoke软件透... 黑科技辅助！wepoke软件透明挂合法，（WePoKe胜率）原来真的有挂，系统教程（有挂规律）-哔哩...
黑科技辅助！WePoKe透明挂... 您好：WePoKe透明挂这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
分享个大家！云扑克是否有外挂，... 分享个大家！云扑克是否有外挂，（云扑克软件）原来真的有挂，新2025版（真实有挂）-哔哩哔哩是一款可...