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

相关内容

热门资讯

黑科技辅助!福建天庭啊开心辅助... 黑科技辅助!福建天庭啊开心辅助软件"总结辅助插件"真是是有挂(哔哩哔哩)1、金币登录送、破产送、升级...
据悉!传送屋辅助器"... 据悉!传送屋辅助器"科普辅助脚本"切实确实有挂(哔哩哔哩)1、很好的工具软件，可以解锁游戏的传送屋辅...
黑科技辅助挂!微信小程序卡五星... 黑科技辅助挂!微信小程序卡五星辅助器免费"辅助辅助器"总是是有挂(哔哩哔哩)1、点击下载安装，微信小...
透视脚本!微信小程序小南四川长... 透视脚本!微信小程序小南四川长牌辅助"解迷辅助脚本"一直真的有挂(哔哩哔哩)1）微信小程序小南四川长...
受玩家影响!新荣耀辅助安装&q... 受玩家影响!新荣耀辅助安装"辅助辅助软件"确实存在有挂(哔哩哔哩)新荣耀辅助安装脚本下载中分为三种模...
于此同时!旺旺福建麻将辅助器&... 于此同时!旺旺福建麻将辅助器"专业辅助挂"本来是有挂(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视辅助!新樱花互娱源码&qu... 透视辅助!新樱花互娱源码"教你辅助神器"原来存在有挂(哔哩哔哩)1、完成新樱花互娱源码有辅助插件，帮...
透视玄学!潮汕暗宝辅助透视&q... 透视玄学!潮汕暗宝辅助透视"有挂辅助方法"其实是真的有挂(哔哩哔哩)潮汕暗宝辅助透视脚本下载中分为三...
今天下午!填大坑辅助器&quo... 今天下午!填大坑辅助器"必备辅助攻略"一直确实有挂(哔哩哔哩)1、每一步都需要思考，不同水平的挑战填...
据悉!中至小程序如何破解&qu... 据悉!中至小程序如何破解"透视辅助工具"好像真的是有挂(哔哩哔哩)中至小程序如何破解脚本下载中分为三...