Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角材料数据选择器和NG-CHANGE_Angularjs_Datepicker_Angular Material - Fatal编程技术网

Angularjs 角材料数据选择器和NG-CHANGE

Angularjs 角材料数据选择器和NG-CHANGE,angularjs,datepicker,angular-material,Angularjs,Datepicker,Angular Material,当用户在md datepicker组件上选择日期时,我需要调用服务器来检查所选日期的计划。问题是,我无法使用ng change启动我的函数,这似乎是唯一的选择。有没有想过为什么这不起作用 form.html <div layout-padding> <form name="form" novalidate ng-submit="form.$valid && save()"> &

当用户在md datepicker组件上选择日期时,我需要调用服务器来检查所选日期的计划。问题是,我无法使用ng change启动我的函数,这似乎是唯一的选择。有没有想过为什么这不起作用

form.html

<div
    layout-padding>
    <form
        name="form"
        novalidate
        ng-submit="form.$valid && save()">
        <div
            layout>
        <md-input-container 
            class="md-block" 
            flex="100">
            <label>Nome Completo</label>
            <input 
                name="fullName" 
                ng-model="costumer.fullName" 
                required
                disabled/>
            <div 
              ng-messages="form.fullName.$error">
                <div ng-message="required">O cliente não foi específicado</div>
              </div>
        </md-input-container>
        </div>
        <div
            layout>
        <md-input-container 
            flex>

          <label>Data</label>
          <md-datepicker
              name="date"
              ng-model="appointment.when"
              md-open-on-focus
              md-min-date="today">

          </md-datepicker>

          <div 
              ng-messages="form.date.$error">
            <div ng-message="valid">Data inválida</div>
            <div ng-message="mindate">Data anterior à atual</div>
          </div>
        </md-input-container>

        <md-input-container
            flex="50">
            <label>Horário</label>
            <md-select 
                name="whatTime"
                ng-model="appointment.whatTime"
                required>
                <md-option value="0">08:00 - 09:00</md-option>
                <md-option value="1">09:00 - 10:00</md-option>
                <md-option value="2">10:00 - 11:00</md-option>
                <md-option value="3">13:00 - 14:00</md-option>
                <md-option value="4">14:00 - 15:00</md-option>
                <md-option value="5">15:00 - 16:00</md-option>
                <md-option value="6">16:00 - 17:00</md-option>
                <md-option value="7">17:00 - 18:00</md-option>
            </md-select>

            <div
                ng-messages="form.whatTime.$error">
                <div
                    ng-message="required">Selecione um horário</div>
            </div>
        </md-input-container>
        </div>
        <md-button
            type="submit">Confirmar</md-button>
    </form>
</div>

这似乎对我有用。查看此代码笔。我补充说

<md-datepicker
  name="date"
  ng-model="appointment.when"
  ng-change="checkSchedule()"
  md-open-on-focus
  md-min-date="today">
</md-datepicker>


每次更改日期时,都会将其记录到控制台。尽管如此,您似乎真的应该使用中所述的
$asyncValidators

它似乎对我有效。查看此代码笔。我补充说

<md-datepicker
  name="date"
  ng-model="appointment.when"
  ng-change="checkSchedule()"
  md-open-on-focus
  md-min-date="today">
</md-datepicker>


每次更改日期时,都会将其记录到控制台。尽管如此,您似乎真的应该使用
$asyncValidators
,如中所述。

谢谢您,伙计。看来这是一个缓存问题,感谢你花时间回答。看来这是一个缓存问题,需要花时间回答