在Angular中，可以使用内置的encodeURI函数来编码URL字符串。以下是一个示例：

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

@Component({
  selector: 'app-example',
  template: `
    Encode URL
    
Encoded URL: {{ encodedUrl }}
  `
})
export class ExampleComponent {
  encodedUrl: string;

  encodeUrl() {
    const url = 'https://example.com/?param=value¶m2=value2';
    this.encodedUrl = encodeURI(url);
  }
}

在上面的示例中，我们在组件中定义了一个encodedUrl变量来存储编码后的URL字符串。在encodeUrl方法中，我们使用encodeURI函数对URL进行编码，并将结果赋值给encodedUrl变量。在模板中，我们使用插值表达式{{ encodedUrl }}来显示编码后的URL。

当点击按钮时，encodeUrl方法会被调用，URL字符串将被编码，并且编码后的URL将显示在页面上。

请注意，使用encodeURI函数可以对整个URL进行编码，包括协议、域名、查询参数等。如果只想编码查询参数部分，可以使用encodeURIComponent函数。