如何在 Angular JS 自定义指令中使用 Angular 材质答案

【问题标题】：How to use angular material inside angular JS custom directives如何在 Angular JS 自定义指令中使用 Angular 材质
【发布时间】：2016-09-17 21:16:05
【问题描述】：

我想制作一个自定义指令，其作用类似于 Google 表格中缩放的工作原理。

我想在用户达到某个缩放级别时显示一条 toast 消息。但我不知道如何在自定义指令中使用角度材质。

请提供一个小例子

【问题讨论】：

与在指令中使用任何其他 html 或服务的方式相同。请提供更多细节...见How to Ask
ng-model 是一个指令，ng-show 是一个指令 md-toast 是一个角度材料指令，您可以在 HTML 中使用它们，也可以使用自定义指令，如 this 来控制您的缩放功能，尝试为您的代码创建一个 plunkr。

标签： javascript angularjs angular-material

【解决方案1】：

module.directive('myDirective', function($mdToast){
   return {
       restrict: 'AE',
       controllerAs: '$ctrl',
       controller: function(){
           this.myDirectiveAction = function(){
               $mdToast.showSimple('message');
           };
       };
   };
})

【讨论】：

非常感谢瓦莱里
我们可以从该指令返回 html，例如：<md-sidenav>...</md-sidenav>?