refactor: replace #abpClose with the directive

npm/ng-packs/packages/account/src/lib/components/tenant-box/tenant-box.component.html

@@ -3,7 +3,7 @@
     <div class="card-body px-5">
       <div class="row">
         <div class="col">
-          <span style="font-size: 0.8em;" class="text-uppercase text-muted">{{
+          <span style="font-size: 0.8em" class="text-uppercase text-muted">{{
             'AbpUiMultiTenancy::Tenant' | abpLocalization
           }}</span
           ><br />
@@ -47,7 +47,7 @@
       </form>
     </ng-template>
     <ng-template #abpFooter>
-      <button #abpClose type="button" class="btn btn-secondary">
+      <button abpClose type="button" class="btn btn-secondary">
         {{ 'AbpTenantManagement::Cancel' | abpLocalization }}
       </button>
       <abp-button

npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html

@@ -82,8 +82,8 @@
                           {{
                             item.displayText?.resourceName + '::' + item.displayText?.name
                               | abpLocalization
-                          }}</option
-                        >
+                          }}
+                        </option>
                       </select>
                       <ng-container
                         *ngTemplateOutlet="descTmp; context: { $implicit: feature.description }"
@@ -111,7 +111,7 @@
   </ng-template>
 
   <ng-template #abpFooter>
-    <button #abpClose type="button" class="btn btn-secondary">
+    <button abpClose type="button" class="btn btn-secondary">
       {{ 'AbpFeatureManagement::Cancel' | abpLocalization }}
     </button>
     <abp-button

npm/ng-packs/packages/identity/src/lib/components/roles/roles.component.html

@@ -31,7 +31,7 @@
   </ng-template>
 
   <ng-template #abpFooter>
-    <button type="button" class="btn btn-secondary" #abpClose>
+    <button type="button" class="btn btn-secondary" abpClose>
       {{ 'AbpIdentity::Cancel' | abpLocalization }}
     </button>
     <abp-button iconClass="fa fa-check" [disabled]="form?.invalid" (click)="save()">{{

npm/ng-packs/packages/identity/src/lib/components/users/users.component.html

@@ -74,7 +74,7 @@
   </ng-template>
 
   <ng-template #abpFooter>
-    <button type="button" class="btn btn-secondary" #abpClose>
+    <button type="button" class="btn btn-secondary" abpClose>
       {{ 'AbpIdentity::Cancel' | abpLocalization }}
     </button>
     <abp-button iconClass="fa fa-check" [disabled]="form?.invalid" (click)="save()">{{

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.html

@@ -94,7 +94,7 @@
       </div>
     </ng-template>
     <ng-template #abpFooter>
-      <button type="button" class="btn btn-secondary" #abpClose>
+      <button type="button" class="btn btn-secondary" abpClose>
         {{ 'AbpIdentity::Cancel' | abpLocalization }}
       </button>
       <abp-button iconClass="fa fa-check" (click)="submit()">{{

npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html

@@ -40,7 +40,7 @@
   </ng-template>
 
   <ng-template #abpFooter>
-    <button #abpClose type="button" class="btn btn-secondary">
+    <button abpClose type="button" class="btn btn-secondary">
       {{ 'AbpTenantManagement::Cancel' | abpLocalization }}
     </button>
     <abp-button iconClass="fa fa-check" (click)="save()" [disabled]="isDisabledSaveButton">{{