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按钮不起作用

相关内容

热门资讯

微扑克有辅助挂！pokerx机... 微扑克有辅助挂！pokerx机器人，德州aapoker俱乐部外挂，黑科技教程（有挂介绍）1、超多福利...
aapoker有外挂！gg扑克... aapoker有外挂！gg扑克发牌系统，（德扑之星）竟然有挂（详细辅助线上教程）是由北京得aapok...
德州之星有辅助挂！德州ai辅助... 德州之星有辅助挂！德州ai辅助神器燃油，（aaPoker）总是真的有挂（详细辅助大神讲解）；玩家必备...
微扑克ai辅助工具！约局互娱辅... 微扑克ai辅助工具！约局互娱辅助，wpk微扑克系统发牌规律，靠谱教程（有挂辅助挂）1、微扑克系统发牌...
德州ai机器人！wepoke用... 德州ai机器人赢率提升策略‌；德州ai机器人！wepoke用模拟器有什么用，（德州俱乐部）原先是真的...
WePoKe透明挂！wepok... WePoKe透明挂！wepoke有没有玄学，微扑克有辅助，介绍教程（有挂介绍），您好，WePoKe透...
wpk外挂！微扑克有没有稳赢的... wpk外挂！微扑克有没有稳赢的打法，aa扑克不能用模拟器，曝光教程（有挂透明）是一款可以让一直输的玩...
德扑之星作弊！wpk俱乐部有没... 德扑之星作弊！wpk俱乐部有没有外挂，（wepoke）起初存在有挂（详细辅助规律教程），支持语音通讯...
wepoke辅助挂！德扑之星可... wepoke辅助挂！德扑之星可以看底牌吗，微扑克软件发牌管理，wpk教程（有挂教程）1、超多福利：超...
微扑克wpk透视辅助！wpk专... 微扑克wpk透视辅助！wpk专用辅助程序，手机云扑克辅助，攻略教程（有挂详情）；人气非常高，ai更新...