这是解析的地方：packages/compiler/src/template_parserbinding_parser.ts#L335

编辑:类似这样的代码可以工作：

let target: string | null = null;
let eventName: string;

if (name[0] === '^') {
  eventName = name.slice(1)
else {
  ([target, eventName]) = splitAtColon(name, [null !, name]);
}

解：如果有人将来降落在这里，我想到了这个丑陋的工作方法。

$x_{1}a_{0}b_{1}x$

$x_{1}a_{1}b_{1}x$

由于 MDCTabBar:activated 是一个完全有效的(如果令人惊讶的话！)DOM事件名称，我认为我们不应该有特殊的语法(如 (^MDCTabBar:activated) - 我们应该检查一个已知的集合( document,window,etc )并避免对其进行操作，而是将其传递下去...

在这种情况下，document:activated和window:activated也完全是有效的DOM事件名称，为什么不允许它们？

希望为这个PR(以及测试)

重新确认已经说过的内容 - 一个名为 : 的事件(例如 MDCTabBar:activated)是一个 valid event name,而 some implementations 使用它！
这里的问题是，Angular 使用 : 来表示要添加事件的目标。在这一点上改变 : 的意义将是一个巨大的破坏性更改。不确定如何解决这个问题，但从用户的Angular 来看，这显然是一个 bug。

有任何更新吗？我们在https://shop.battle.net/上广泛使用了Lit web组件，这些组件会发出包含:(例如，blz-video:state-change)的事件。令人沮丧的是，我们不得不手动添加监听器，而不是利用Angular的绑定语法。

我找到了一个解决方法！在查看代码后，我注意到_splitAt()只检查character的第一个示例(在这个例子中是:)。所以我们只需要在事件前加上:来欺骗解析器。
使用OP中的例子，解决方法看起来像这样：

<mwc-tab-bar (:MDCTabBar:activated)="onTabActivated($event)"></mwc-tab-bar>