为NG2标签输入设置ReadOnly，单位为角度
，可以通过以下步骤实现：
- 在HTML模板中，使用ngModel绑定输入框的值，并添加一个readonly属性，如下所示：
<input [(ngModel)]="inputValue" readonly>- 在组件的类中，定义一个inputValue变量，并设置初始值，如下所示：
inputValue: number = 0;- 在组件的类中，使用@HostListener装饰器监听输入框的keydown事件，并阻止默认行为，以禁止用户通过键盘输入修改值，如下所示：
import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
inputValue: number = 0;
@HostListener('keydown', ['$event'])
onKeydown(event: KeyboardEvent) {
event.preventDefault();
}
}这样，输入框就会被设置为只读，并且无法通过键盘输入修改值。用户只能通过其他方式（如代码）来修改输入框的值。
对于单位为角度的输入，可以使用Angular的内置管道来格式化显示。例如，可以使用Angular的内置CurrencyPipe来显示角度值，并指定单位为度，如下所示：
<input [(ngModel)]="inputValue" readonly>
{{ inputValue | number:'1.0-2' }}°这样，输入框中的值将以角度的形式显示，并带有度的单位。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出具体的推荐。但是，腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以根据具体需求选择适合的产品。可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的信息。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
