javascript - Angular Material 中的 $event 是什么？UI Router 是否需要它？

Question

我也发现自己正在调查this unanswered question但我也发现自己想知道找到答案是否重要？我在 google 上搜索了 $event 并浏览了 Angular Material (至少是 API 文档左侧菜单中的项目)和 Material 文档，但没有找到任何对其的引用。我只在 UI Router 文档中找到了对它的引用，表明它可以停止事件传播。

那么$event是什么？为什么它被传递到 $mdDialog 中？如果我使用 ui-router onEnter，我需要它吗？

Answer 1

直接来自docs : $event 对象是 jQuery Event Object 的实例当 jQuery 存在或类似的 jqLit​​e 对象时。

对于 Angular-Material，它用于引用 dom 事件对象，例如 $mdDialog 中使用了单击的事件对象。

更新:

您必须将状态更改包装在 ng-click 事件中才能获取 $event 对象并通过 $state.go 传递该事件对象():

<div ng-app="myApp" ng-controller="myController">
    <a ng-click="show($event)">add campaign</a>
</div>

然后配置您的状态:

.state("campaigns.add", {
    url: "/add",
    resolve: {
        event: function($stateParams) {
            return $stateParams.event;
        }
    },
    onEnter: function($mdDialog, $state) {
        var ev = null;

        $mdDialog.show(
        $mdDialog.alert()
            .parent(angular.element(document.body))
            .title('This is an alert title')
            .content('You can specify some description text in here.')
            .ariaLabel('Alert Dialog Demo')
            .ok('Got it!')
            .targetEvent(event)).then(function() {
                $state.go('done');
            });
        }
    })

这是一个基于其他问题的代码的工作演示:http://jsfiddle.net/f30wesj3/2/