在Angular应用程序中，可以通过设置“enableProdMode()”函数来开启生产模式。在这种情况下，用户选择文本会导致整个块被选择。如果您希望更改此默认行为，您可以使用以下方法之一：

1. 直接在HTML中使用CSS来防止文本选择。例如：

   
       Your content here
   
   

   或者将以下样式应用于全局文本选择：

   body {
       -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Firefox */
       -ms-user-select: none; /* IE10+/Edge */
       user-select: none; /* Standard syntax */
   }
   

2. 通过在Component中使用HostBinding指令禁用文本选择。例如：

   import { Component, HostBinding } from '@angular/core';
   
   @Component({
       selector: 'app-root',
       template: '
   Your content here
   ',
   })
   export class AppComponent {
       @HostBinding('style.userSelect') userSelect = 'none';
   }
   

   在上面的例子中，“style.userSelect”绑定了“user-select:none;”，这将防止用户选择组件中的文本。

3. 使用Angular CDK的cdk-text-selection模块来控制文本选择。例如：

   import { Component } from '@angular/core';
   import { CdkTextSelection } from '@angular/cdk/text-selection';
   
   @Component({
       selector: 'app-root',
       template: '
   Your content here
   ',
   })
   export class AppComponent {}
   

   在这个例子中，我们使用CdkTextSelection指令将“none”作为参数来阻止用户选择组件中的文本。