fix:修复divice-management引用错误

cloth-design/src/app/modules/cloth/mobile/device-management/device-management.html

@@ -7,27 +7,37 @@
     <button (click)="addDevice()">添加设备</button>
   </div>
 
-  @if(devices.length > 0; else noDevices) {
-    <div class="devices-list">
-      @for(device of devices; track device.id) {
-        <div class="device" (click)="selectDevice(device)">
-          <span>{{ device.get('name') }}</span>
-          <button (click)="deleteDevice(device)">删除</button>
-        </div>
-      }
-    </div>
-  }
+@if (devices.length > 0) {
+  <div class="devices-list">
+    @for (device of devices; track device.id) {
+      <div class="device" (click)="selectDevice(device)">
+        <span>{{ device.get('name') }}</span>
+        <button (click)="deleteDevice(device)">删除</button>
+      </div>
+    }
+  </div>
+} @else {
+  <!-- 添加设备列表为空时的内容 -->
+  <div class="no-devices-message">
+    <p>⚠️ 没有可用设备</p>
+  </div>
+}
 
   <ng-template #noDevices>
     <p>没有设备。</p>
   </ng-template>
 
-  @if(selectedDevice; else noSelectedDevice) {
-    <div class="selected-device">
-      <h3>选中的设备</h3>
-      <p>{{ selectedDevice.get('name') }}</p>
-    </div>
-  }
+@if (selectedDevice) {
+  <div class="selected-device">
+    <h3>选中的设备</h3>
+    <p>{{ selectedDevice.get('name') }}</p>
+  </div>
+} @else {
+  <!-- 添加未选择设备时的内容 -->
+  <div class="no-selected-device">
+    <p>⚠️ 未选择设备</p>
+  </div>
+}
 
   <ng-template #noSelectedDevice>
     <p>没有选中的设备。</p>

cloth-design/src/app/modules/cloth/mobile/device-management/device-management.ts

@@ -2,15 +2,23 @@
 import { Component, OnInit } from '@angular/core';
 import { CloudObject } from './../../../../../lib/ncloud';
 import { CloudQuery } from './../../../../../lib/ncloud';
+import { FormsModule } from '@angular/forms';
 
+@Component({
+  selector: 'app-device-management',
+  standalone: true, // 如果是独立组件
+  imports: [FormsModule], // 添加这行
+  templateUrl: './device-management.html',
+  styleUrls: ['./device-management.scss']
+})
 @Component({
   selector: 'app-device-management',
   standalone: true,
   imports: [
     // 确保导入了必要的模块
   ],
-  templateUrl: './device-management.component.html',
-  styleUrls: ['./device-management.component.scss']
+  templateUrl: './device-management.html',
+  styleUrls: ['./device-management.scss']
 })
 export class DeviceManagementComponent implements OnInit {
   devices: CloudObject[] = [];