如何从角度材料 md-datepicker 中获取输入值？答案

【问题标题】：How to get input value from angular material md-datepicker?如何从角度材料 md-datepicker 中获取输入值？
【发布时间】：2016-10-24 17:56:33
【问题描述】：

我有以下 md-datepicker，用于选择日期：

如何从输入值中获取日期，以便在另一个控制器中使用？

这是 md-datepicker 的 HTML：

<div class="text-center">
<md-datepicker id="sDay" md-min-date="availableMinDate" class="orientationBottom" ng-model="availableCalendar"  md-date-filter="severalDays"></md-datepicker><br>
</div>

【问题讨论】：

您可以使用服务在控制器之间提供数据。角度服务是单例，如果你在其中设置一个值，你可以从另一个控制器访问它。

标签： angularjs datepicker angular-material

【解决方案1】：

在$rootScope 上定义availableCalendar 就足够了，它可以被所有作用域层次结构访问，然后被所有控制器访问。

【讨论】：

使用 $rootScope 不是最佳实践。正如@Danilo Velasquez 所说，服务是必经之路。
你是对的。这是一个永远有效的简单解决方案，但它与创建全局变量相同，这是一种不好的做法。 $broadcast 或 $emit 也可能有用，具体取决于应用程序结构。

【解决方案2】：

要使 2 个控制器通信，您需要使用服务。

在上述服务中创建一个变量，创建一个getter和一个setter。

在您的第一个控制器中，使用设置器并将您的 availableCalendar 作为参数发送。

在您的第二个控制器中，使用 getter 获取值，现在您可以使用它了。

如果您是 Angular 新手，对我有帮助的有用链接是 this one.

【讨论】：