Javascript 如何在页面加载时打开数据

我正在使用data uk模式打开一个模式框，当我点击按钮时，它的打开非常完美，但我只想在页面加载时打开它，我有以下代码

<button class="md-btn md-btn-success" data-uk-modal="{target:'#my_id'}">Open Dialogue</button>

<div class="uk-modal" id="my_id" >  
    <div class="uk-modal-dialog">
        <div class="uk-modal-header">
            Custom Content here
        </div>
    </div>

<div class="uk-modal-footer uk-text-right">
    <button type="button" class="md-btn md-btn-flat uk-modal-close">Close</button>
</div>

</div>

开放式对话
自定义内容在此
接近

这是我的js代码

---

请告诉我如何在页面加载时打开diwlogure框

给按钮一个ID并触发点击页面加载

HTML

---

这就是我使用Angular 7的工作原理：

组件。ts

import * as UIkit from 'uikit';
...
...
...
  ngAfterViewInit(){
   var modal = UIkit.modal("#modal-id");
   modal.show();
  }

请记住：要执行此操作，需要在应用程序上声明UIKit javascript文件：

angular.json

 "scripts": [
     "./node_modules/uikit/dist/js/uikit.min.js",
     "./node_modules/uikit/dist/js/uikit-icons.min.js"
 ]

---

@迪帕克·戈亚尔：我认为你必须使用数据模式，而不是英国的tihs数据-modal@MuhammadUsman：OP似乎正在使用自定义框架。我可以在“更改事件”下拉列表中打开此模型吗？

$(function() {
    var modal = UIkit.modal("#my_id");
    modal.show(); 
});

import * as UIkit from 'uikit';
...
...
...
  ngAfterViewInit(){
   var modal = UIkit.modal("#modal-id");
   modal.show();
  }

 "scripts": [
     "./node_modules/uikit/dist/js/uikit.min.js",
     "./node_modules/uikit/dist/js/uikit-icons.min.js"
 ]