如何在TS / Angular 8代码的属性/变量和以下模板/视图之间绑定时间值：ngx-timepicker-field

Question

示例here中的“ ngx-timepicker-field” 的这段代码：

    <div class="ngx-timepicker-field-example">
        <ngx-timepicker-field [defaultTime]="'11:11 am'"></ngx-timepicker-field>
    </div>

是我想用来处理代码中一些时间值的东西。

从提供的示例或文档中，尚不清楚如何绑定TS / Angular属性，例如名称：tsTimeA到允许以下内容的模板：

1. 如果用户使用向上/向下箭头或通过键入小时或分钟来更改时间，则tsTimeA将在代码中更新；

2. 如果用户使用时钟界面更改时间-tsTimeA在代码中得到更新；

3. 反之，如果是prop。 TS代码中的tsTimeB发生了变化，视图中的ngx-timepicker-field也发生了变化；

您是否会如此友善，并针对以下情况提供一些示例：

• 单向绑定，
• 双向绑定
• 并通过单击/按键或时间更改事件传递时间值？