如何修复html中的变量和angular 4中的控制器之间的延迟？

修复HTML中的变量和Angular 4中的控制器之间的延迟可以通过以下几个步骤来实现：

1. 确保正确绑定变量：在HTML中，使用双花括号（{{}}）或方括号（[]）将变量绑定到控制器中。确保变量的绑定语法正确，以便正确地传递数据。
2. 使用ngIf或ngShow指令：如果变量的值需要在控制器中进行计算或异步加载，可以使用ngIf或ngShow指令来控制变量在HTML中的显示。这样可以避免在变量未准备好时出现延迟的情况。
3. 使用ngOnInit生命周期钩子：在Angular 4中，可以使用ngOnInit生命周期钩子来确保变量在控制器初始化时被正确赋值。在ngOnInit方法中，可以执行异步操作，如从服务器获取数据，并将其赋值给变量。
4. 使用rxjs Observables：如果变量的值需要通过异步操作获取，可以使用rxjs Observables来处理延迟。在控制器中，可以订阅Observable，并在数据准备好后更新变量的值。在HTML中，可以使用async管道来处理Observable的订阅和取消订阅。
5. 使用ngZone：如果延迟是由于异步操作导致的，可以使用ngZone来确保变量的更新在Angular的变更检测周期内进行。ngZone可以将异步操作包装在Angular的变更检测周期中，以确保变量的更新及时反映在HTML中。

总结起来，修复HTML中的变量和Angular 4中的控制器之间的延迟需要确保正确绑定变量、使用ngIf或ngShow指令控制变量的显示、使用ngOnInit生命周期钩子初始化变量、使用rxjs Observables处理异步操作、使用ngZone确保变量的更新在Angular的变更检测周期内进行。