如何将日期从appcomponent .ts传递到对话框？
在Angular中，可以通过以下步骤将日期从appcomponent.ts传递到对话框：
- 在appcomponent.ts中，首先定义一个日期变量，例如
selectedDate: Date;，并在需要的地方给它赋值。 - 在appcomponent.html中，将日期绑定到一个按钮或其他触发事件的元素上，例如：
- 在appcomponent.html中，将日期绑定到一个按钮或其他触发事件的元素上，例如：
- 创建一个对话框组件，例如dialog.component.ts和dialog.component.html。
- 在dialog.component.ts中，定义一个输入属性来接收日期值，例如：
- 在dialog.component.ts中，定义一个输入属性来接收日期值，例如：
- 在dialog.component.html中，可以使用
selectedDate来显示日期，例如： - 在dialog.component.html中，可以使用
selectedDate来显示日期，例如： - 在appcomponent.ts中，使用Angular Material的
MatDialog服务来打开对话框，并将日期传递给对话框组件，例如： - 在appcomponent.ts中，使用Angular Material的
MatDialog服务来打开对话框，并将日期传递给对话框组件，例如： - 在dialog.component.ts中，使用
@Inject(MAT_DIALOG_DATA)来接收传递的日期值，例如： - 在dialog.component.ts中，使用
@Inject(MAT_DIALOG_DATA)来接收传递的日期值，例如：
通过以上步骤，你可以成功将日期从appcomponent.ts传递到对话框组件中，并在对话框中显示该日期。请注意，这里使用的是Angular Material的对话框组件，你可以根据需要选择其他UI库或自定义对话框组件。
相关·内容
最初，所有消息都显示在警报上，但我决定将它们移到对话框中。你比我更清楚要创建对话框，你必须创建一个新的组件。问题是，我不能传递在格式化日期的方法中的第一个组件中捕获的日期。我该怎么做呢？我附上了相关的代码 appcomponent.html： <mat-form-field class="example-full-width" appearance="fill">
<mat-labelmat-datepicker-togg
浏览 4提问于2020-09-18得票数 0
回答已采纳
有办法将后端呈现的参数传递给angular2引导方法吗？我希望为所有使用的请求设置http头，该值是从后端提供的。我的main.ts文件如下所示：import { AppComponent/app.component.ts";
我找到了如何将这
浏览 6提问于2016-06-03得票数 75
回答已采纳
4回答
现在，我想从这个组件打开一个对话框(MatDialog -> TestComponent)，它需要相同的服务实例。
我得到一个StaticInjectorError，如控制台输出所示。如何在对话框中使用与调用组件相同的服务实例？
浏览 4提问于2019-09-24得票数 4
回答已采纳
我将日期从组件传递到模板日期选择器。这里我的问题是如何从template(HTML)获得值到组件(TS)文件。picker endDate = new Date(2019, 1, 20) || selected end date form date pickerexport class AppComponentrangeMode]="true"
touchUi="t
浏览 2提问于2019-02-11得票数 2
因此，一旦用户输入正确的数据(用户名和传递)，他将被重定向到profile页面/profile/profile.component.ts。现在，我想为受保护的页面/组件/profile/profile.component.ts使用一个额外的模块，并在登录成功后从路由器模块重定向到它。],})
export class DashboardModule {
浏览 2提问于2017-08-01得票数 2
回答已采纳
点击删除按钮，我想要出现一个对话框，这实际上是MatDialogueModule从角度材料。我得到了对话框，但我得到了上面标题中提到的错误。我还在@NgModule的声明和app.module.ts的引导程序中提到了DialogResultExampleDialog constructor(public dialogRef: MatDialogRef<DialogRe
浏览 15提问于2019-08-16得票数 0
回答已采纳
我再次尝试将参数传递给我的应用程序。自从RC5以来，我不得不使用ngModule。(此解决方案：自RC5以来不再工作) console.error.bind(console)</script>
main.tsbrowserDynamicPlatform().bootstrapModule(AppModule, [{ provi
浏览 3提问于2016-08-15得票数 13
回答已采纳
我正在尝试将JSON传递到Angular 2组件中，但是没有成功，浏览器也没有显示任何错误。有谁知道如何从.NET控制器返回JSON数据，使用(@Html.Raw(Json.Encode(Model)嵌入到视图中，然后传递到Angular 2组件/模板中进行显示？这是我到目前为止已经尝试过的(从Plunkr上的各种示例和AngularJS站点上的示例构建的)。我会注意到，我有一个基本的Angular 2示例在相同的解决方案中工作，所以我相信框
浏览 2提问于2017-03-29得票数 2
我有一个对话框组件和应用程序组件，其中的材料对话是实现的。/app.component.css' ]export class AppComponent { DialogRef: MatDialogRefhow to receive message from dialog componentcloseDialog(): void {}对话框组件是实现表单的地方这里是对话框<
浏览 9提问于2017-12-23得票数 12
回答已采纳
2回答
单击该按钮时，将调用一个函数(ex openDialog() )来打开对话框窗口(i，e op窗口).Now，我想在对话框窗口中调用add-customer组件。
我该怎么做呢。这是链接。
浏览 0提问于2018-09-28得票数 4
回答已采纳
3回答
双向传递数据
、、
我有两个组件: AppComponent和ChildComponent。ChildComponent是AppComponent的子组件。如何将修改后的"variable1“从ChildComponent发送回AppComponent？AppComponent htmlAppComponent ts
浏览 5提问于2017-11-08得票数 2
回答已采纳
2回答
this.dialog.open(DeleteModalComponent); } }当我执行代码时，终端显示一切都很好，但是当我查看浏览器并单击'Eliminar‘(删除)时，我得到了以下内容：
抱歉，图片链接，我没有足够的声誉来上传图片到堆栈溢出
浏览 4提问于2021-01-28得票数 0
回答已采纳
我有一个angular 4应用程序，我有两个组件，一个时间线和一个模式对话框。当我双击时间线时，我想打开模式对话框，并将数据传递到双击函数中。因此，在timeline.component.ts中，我有： console.log(task);
$('#addProjectForm&#
浏览 0提问于2017-07-07得票数 0
在某种程度上，我决定将一些逻辑从app.component.ts转移到子组件。而且，由于这些数据可以被几个组件使用，而不是在每个组件中解析很多次，所以我考虑在"AppComponent“中解析它一次，并将其作为一个参数传递。问题2：如何将数据从一个组件传递到另一个组件，因此如果数据是在父组件的onNgInit中初始化的，那么它也可以在子组件的onNgInit中使用。
谢谢!编辑：在评论中回答了的问题，“您提到了HTML视图上的数据是完全完美的，您能展示
浏览 0提问于2021-04-12得票数 2
回答已采纳
我有主app.component.ts，从这里我将当前状态变量传递给chid组件( Navbar组件)，它是navbar.component.ts，并且我使用@ input ()装饰器将值传递给Navbar组件，但是我遇到了如何将输入装饰器的这个值传递给navbar.component.html的问题？我的主要app.component.ts是
public currentstatu
浏览 0提问于2018-10-30得票数 3
回答已采纳
], ContentComponent,ActionComponent ,filterPipe providers: [ DataService ], })
export class AppComponent {
浏览 0提问于2017-01-05得票数 0
回答已采纳
我多次尝试在引导程序(app.module.ts)中传递一个参数，但是得到了一个错误。@NgModule({ AppComponent imports: [ AppRoutingModule], entryComponents: [AppComponent]export class AppModule {
浏览 1提问于2020-02-18得票数 0
下面是我头上的代码片段： imports: [ RouterModule.forRoot(routes) ],//app.module.ts
imports: [ FormsModule,AppRoutingModule declarations: [AppComponent</
浏览 5提问于2017-10-24得票数 2
回答已采纳
testRequestId=+[testRequestId]+" allowfullscreen></iframe>`,export class AppComponent { testRequestId = '3224'; 我有如上所述的.ts文件。如何将testRequestId传递给html？
浏览 0提问于2017-02-04得票数 7
3回答
我试图传递一个映射，它来自api，从父组件到子组件，以角7表示。parent.ts： title = 'taurs-frontend'; isLoggedIn =categories } <app-room-card [categories]="categories"></app-room-card>
浏览 0提问于2019-01-21得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
