在创建$ mdToast服务时，函数不会调用

Question

创建自定义服务，使用$ mdToast.show（）方法显示toast消息。此服务注入另一个控制器并从该控制器调用此服务功能。能够显示Toast消息，但无法在单击 img 元素时调用hide功能。

testservice.js

function foo(){
var toast = $mdToast.show({
position: 'top left',
template: message, // var message = '<h4> Hey Toaster </h4>'+ '<img scr="button.png" ng-click="hide()" ></img>';
hideDelay: 0)};

var hide = function(){
$mdToast.hide(toast);
}
 }

controller.js

var app = angular.module('app', ['ngMaterial']);
app.controller('MyController', function($scope, testService) {

testService.foo();
};
});