Angular 2 Dart:如何 select 并更改导入的子组件中的元素?
Angular 2 Dart: How to select and change element in an imported sub-component?
下面的angular/dart库(https://pub.dartlang.org/packages/pikaday_datepicker_angular2)好像写得不是很好因为不能设置日期的外部变化(没有setter - 我只能在开始时设置默认日期/日期,但如果它改变了 externallay 则不能。
我的问题是:如何访问导入的库组件的内部以更改值或某些 HTML 内部?
my_component.html:
<div>
<pikaday #pickuptimeselector [day]="selectedDay"(dayChange)="changeDate($event)" format="DD.MM.YYYY"
[minDate]="mindate" [maxDate]="maxdate"
[(i18n)]="datepickerI18n"
firstDay="1">
</pikaday>
</div>
my_component.dart:
import 'package:pikaday_datepicker_angular2/pikaday_datepicker_angular2.dart';
@Component(
selector: 'my_component',
styleUrls: const ['my_component.css'],
templateUrl: 'my_component.html',
directives: const [materialDirectives,PikadayComponent],
providers: const [materialProviders]
)
class MyComponent {
Map<String,dynamic> datepickerI18n = new Map<String,dynamic>();
DateTime selectedDay;
void dayChange() {
...
}
}
pikaday 组件从 Chrome 控制台生成的输出:
<pikaday _ngcontent-oid-5="" firstday="1" format="DD.MM.YYYY"><input type="text" id="pikadayInput1" class="" placeholder="" aria-label="Use the arrow keys to pick a date"></pikaday>
如您所见,组件内部有一个输入。随着 Datetime selectedDay
的变化,我想为此输入字段设置一个新的日期值。怎么样?
这在任何法律上都是不可能的。如果您的应用程序正在使用镜像,您可以尝试一下,但您永远不应该在生产应用程序中这样做。
最好的方法是修复库并发送拉取请求。
下面的angular/dart库(https://pub.dartlang.org/packages/pikaday_datepicker_angular2)好像写得不是很好因为不能设置日期的外部变化(没有setter - 我只能在开始时设置默认日期/日期,但如果它改变了 externallay 则不能。
我的问题是:如何访问导入的库组件的内部以更改值或某些 HTML 内部?
my_component.html:
<div>
<pikaday #pickuptimeselector [day]="selectedDay"(dayChange)="changeDate($event)" format="DD.MM.YYYY"
[minDate]="mindate" [maxDate]="maxdate"
[(i18n)]="datepickerI18n"
firstDay="1">
</pikaday>
</div>
my_component.dart:
import 'package:pikaday_datepicker_angular2/pikaday_datepicker_angular2.dart';
@Component(
selector: 'my_component',
styleUrls: const ['my_component.css'],
templateUrl: 'my_component.html',
directives: const [materialDirectives,PikadayComponent],
providers: const [materialProviders]
)
class MyComponent {
Map<String,dynamic> datepickerI18n = new Map<String,dynamic>();
DateTime selectedDay;
void dayChange() {
...
}
}
pikaday 组件从 Chrome 控制台生成的输出:
<pikaday _ngcontent-oid-5="" firstday="1" format="DD.MM.YYYY"><input type="text" id="pikadayInput1" class="" placeholder="" aria-label="Use the arrow keys to pick a date"></pikaday>
如您所见,组件内部有一个输入。随着 Datetime selectedDay
的变化,我想为此输入字段设置一个新的日期值。怎么样?
这在任何法律上都是不可能的。如果您的应用程序正在使用镜像,您可以尝试一下,但您永远不应该在生产应用程序中这样做。
最好的方法是修复库并发送拉取请求。