【发布时间】:2017-04-04 15:28:15
【问题描述】:
以下 angular/dart 库 (https://pub.dartlang.org/packages/pikaday_datepicker_angular2) 似乎写得不太好,因为无法设置日期的外部更改(没有设置器 - 我只能在开始,但如果它改变了外层则不是)。
我的问题是:如何访问导入的库组件的内部以更改其中的值或某些 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() {
...
}
}
从 Chrome 控制台生成的 pikaday 组件输出:
<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 angular-dart angular2-dart