fix(ivy): support for #id bootstrap selectors (#33784)

Fixes: #33485

PR Close #33784

packages/compiler-cli/test/compliance/r3_compiler_compliance_spec.ts

@@ -675,6 +675,35 @@ describe('compiler compliance', () => {
       expectEmit(source, OtherDirectiveFactory, 'Incorrect OtherDirective.ɵfac');
     });
 
+    it('should convert #my-app selector to ["", "id", "my-app"]', () => {
+      const files = {
+        app: {
+          'spec.ts': `
+            import {Component, NgModule} from '@angular/core';
+
+            @Component({selector: '#my-app', template: ''})
+            export class SomeComponent {}
+
+            @NgModule({declarations: [SomeComponent]})
+            export class MyModule{}
+          `
+        }
+      };
+
+      // SomeDirective definition should be:
+      const SomeDirectiveDefinition = `
+        SomeComponent.ɵcmp = $r3$.ɵɵdefineComponent({
+          type: SomeComponent,
+          selectors: [["", "id", "my-app"]],
+          …
+        });
+      `;
+
+      const result = compile(files, angularFiles);
+      const source = result.source;
+
+      expectEmit(source, SomeDirectiveDefinition, 'Incorrect SomeComponent.ɵcomp');
+    });
     it('should support components without selector', () => {
       const files = {
         app: {