ngModel 默认值设置不接收来自模型的信息

Question

我有一个表单，我想设置一些默认值以显示在其中。我试过以下代码：

 <h3>ِStart Time</h3>
    <div class="row" >
      <div class="col">
        <label for="startTime">Hour(s) </label>
        <input type="number" [ngModel]="defaultSTime" class="form-control" name="StartTimeHour" value="card.startTime.getHours" id="startTime" min="0" max="23">
     </div>
        <div class="col">
            <label for="startTime">Minute(s) </label>
            <input type="number" [ngModel]= "defaultSMinute" class="form-control" name="StartTimeMin" value="card.startTime.getMinutes" id="startTime" min="0"max="59"> <!--input type can be changed accordingly-->
      </div>
    </div>


  defaultSTime = 'card.startTime.getHours' ;
  defaultSMinute = 'card.startTime.getMinutes';

这应该可以工作，但它只显示空框。问题出在哪里？

Answer 1

不确定这是否是问题，但根据您对 defaultSTime 和 defaultSMinute 的定义，它们是字符串，而您的输入被定义为数字类型。

如果您尝试从卡片对象 card.startTime.getHours 中获取数字，请将您的定义更改为：

defaultSTime = card.startTime.getHours;
defaultSMinute = card.startTime.getMinutes;

Answer 2

这会对你有所帮助：

[

另外，要使其双向绑定，请为 ngModel 保留香蕉盒，即：

[(ngModel)]= "defaultSMinute"

在那里，你的 cmets 不太清楚 - 你是如何构造 Card 对象的，但我相信你错过了以下内容：

getHours() ; // these are functions of date not properties