Question

我正在开发Angular 2项目，我需要使用这个日期范围选择器：

Vector3.Angle

由我们通过模板传递的json对象表示的一组选项的日期选择器constist。例如：

input type =“datepicker”[options] =“myDatePickerOptions”...＆gt;

我想允许用户通过从列表中选择一种语言来翻译网站（翻译已完成，除日期选择器外一切正常）。

我们的想法是，一旦用户选择了一种新语言，我们就会翻译日历（这应该很简单，只需更新代表myDatePickerOptions选项的json对象）。但是，当我更新设置时没有任何变化。

我得出的结论是，一旦初始化，日期选择器就无法改变。因此，我认为实现目标的方法是重新初始化组件，重新渲染或任何你想要调用的东西。

我的问题是我如何重新初始化子组件（因此构造，ngoninit和所有其他东西被调用）。

Answer 1

当组件在模板中引用而不是动态添加时，您没有引用componentRef来销毁视图。但ngIf可以这样做，因此您可以使用它来重新初始化组件，如下所示：

<ng-container *ngIf="toggle">
    <input type="text" name="daterangeInput" daterangepicker [options]="options" (selected)="selectedDate($event)">
</ng-container>

A2重新初始化日期组件

1 个答案: