fix(schematics): add app prefix to components (#11738)

src/lib/schematics/utils/devkit-utils/component.ts

@@ -82,17 +82,17 @@ function addDeclarationToNgModule(options: any): Rule {
   };
 }
 
-
-function buildSelector(options: any) {
+function buildSelector(options: any, projectPrefix: string) {
   let selector = strings.dasherize(options.name);
   if (options.prefix) {
     selector = `${options.prefix}-${selector}`;
+  } else if (options.prefix === undefined && projectPrefix) {
+    selector = `${projectPrefix}-${selector}`;
   }
 
   return selector;
 }
 
-
 export function buildComponent(options: any): Rule {
   return (host: Tree, context: SchematicContext) => {
     const workspace = getWorkspace(host);
@@ -105,7 +105,7 @@ export function buildComponent(options: any): Rule {
       options.path = `/${project.root}/src/app`;
     }
 
-    options.selector = options.selector || buildSelector(options);
+    options.selector = options.selector || buildSelector(options, project.prefix);
     options.module = findModuleFromOptions(host, options);
 
     const parsedPath = parseName(options.path, options.name);

src/lib/schematics/utils/devkit-utils/config.ts

@@ -49,6 +49,9 @@ export interface Workspace {
 export interface Project {
   name: string;
 
+  /** Application prefix. */
+  prefix: string;
+
   /** Project type. */
   projectType: 'application' | 'library';
   /** Root of the project sourcefiles. */