要实现Angular中的动态文本渐变效果，可以使用CSS的过渡效果和Angular的属性绑定。

首先，创建一个Angular组件，并在组件的模板中添加一个文本元素。然后，为该元素添加一个CSS类，该类定义了所需的文本渐变效果。

接下来，在组件的代码中，定义一个属性来保存文本的当前样式。在组件初始化时，设置该属性的初始值为一个默认样式。

然后，使用Angular的属性绑定将该属性绑定到文本元素的样式属性上。这样，当属性的值发生变化时，文本元素的样式也会相应地改变。

最后，通过在组件中使用定时器或其他事件触发方式，动态修改文本样式属性的值，从而实现文本渐变效果。

以下是一个示例代码：

组件的HTML模板：

  {{ text }}

组件的代码：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-text-transition',
  templateUrl: './text-transition.component.html',
  styleUrls: ['./text-transition.component.css']
})
export class TextTransitionComponent implements OnInit {
  text = 'Hello, World!';
  textStyle = 'linear-gradient(to right, red, yellow)';

  constructor() { }

  ngOnInit(): void {
    setInterval(() => {
      this.textStyle = this.getRandomGradient();
    }, 2000);
  }

  getRandomGradient(): string {
    // 生成随机的渐变颜色值
    const colors = ['red', 'blue', 'green', 'yellow', 'purple'];
    const randomIndex1 = Math.floor(Math.random() * colors.length);
    const randomIndex2 = Math.floor(Math.random() * colors.length);
    return `linear-gradient(to right, ${colors[randomIndex1]}, ${colors[randomIndex2]})`;
  }
}

上述代码中，组件的textStyle属性保存了文本的样式，初始值为一个默认的渐变样式。使用ngOnInit方法来初始化组件，并通过setInterval来定时更新textStyle属性的值，从而实现文本的动态渐变效果。

注意：为了实现CSS过渡效果，在text-transition类中还需要添加过渡属性的定义。例如，可以添加以下样式定义到组件的CSS文件中：

.text-transition {
  transition: background 0.5s;
}