问题出在服务器端渲染的页面上，当我们点击页面中的按钮时，按钮上的事件依旧没有被触发。这是因为在服务器端渲染过程中，我们无法加载客户端代码库。

为了解决这个问题，我们需要使用Angular Universal提供的TransferState和StateTransferService服务，来将状态从服务器端传递到客户端。

我们可以将需要在客户端执行的代码和数据存储在TransferState中，这样它们就可以在客户端进行渲染时被检索到。我们还需要在客户端中注入一个StateTransferService服务，以获取传递的数据。

以下是一个示例代码：

首先，我们需要先导入TransferState和StateTransferService：

import { StateTransferService, TransferState } from '@angular/platform-browser';

然后在我们组件的构造函数中注入StateTransferService和TransferState：

constructor(private stateTransferService: StateTransferService, private transferState: TransferState) {}

接着在组件中声明需要传递的状态：

this.transferState.set('SOME_KEY', 'SOME_VALUE');

这样在客户端渲染时，我们就可以通过StateTransferService来获取传递的状态：

this.stateTransferService.get('SOME_KEY', ‘DEFAULT_VALUE’);

通过这种方式，我们就可以在客户端获取到之前在服务器端声明的状态，从而解决按钮不起作用的问题。