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中获取一个数字，请将您的定义更改为：

this.db.loadDatabase({}, result => {
            console.log(result); // This is null
            alert(this.db); // This is undefined
            alert(this.db.getCollection("SampleCollection")); // Uncaught TypeError: Cannot read property 'getCollection' of undefined
        });

Answer 2

这将为您提供帮助：

[

另外，要使其具有两种绑定方式，请将ngModel放在香蕉盒中，即：

[(ngModel)]= "defaultSMinute"

那里，您的注释不够清楚-您如何构造Card对象，但我相信您错过了以下内容：

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