chore: simplify inline style & template for mobile apps (#2476)

Author: Brocco

packages/angular-cli/blueprints/ng2/files/__path__/app/app.component.ts

@@ -2,13 +2,13 @@ import { Component } from '@angular/core';<% if (isMobile) { %>
 import { APP_SHELL_DIRECTIVES } from '@angular/app-shell';<% } %>
 
 @Component({
-  selector: '<%= prefix %>-root',<% if (isMobile || inlineTemplate) { %>
+  selector: '<%= prefix %>-root',<% if (inlineTemplate) { %>
   template: `
   <h1>
     {{title}}
   </h1>
   `,<% } else { %>
-  templateUrl: './app.component.html',<% } %><% if (isMobile || inlineStyle) { %>
+  templateUrl: './app.component.html',<% } %><% if (inlineStyle) { %>
   styles: []<% } else { %>
   styleUrls: ['./app.component.<%= styleExt %>']<% } %>
 })

packages/angular-cli/blueprints/ng2/index.js

@@ -32,6 +32,12 @@ module.exports = {
       .replace(/-(.)/g, (_, l) => ' ' + l.toUpperCase())
       .replace(/^./, (l) => l.toUpperCase());
 
+    // For mobile projects, force inline styles and templates.
+    if (options.mobile) {
+      options.inlineStyle = true;
+      options.inlineTemplate = true;
+    }
+
     return {
       htmlComponentName: stringUtils.dasherize(options.entity.name),
       jsComponentName: stringUtils.classify(options.entity.name),
@@ -50,10 +56,7 @@ module.exports = {
 
   files: function() {
     var fileList = getFiles.call(this);
-    if (this.options && this.options.mobile) {
-      fileList = fileList.filter(p => p.indexOf('app.component.html') < 0);
-      fileList = fileList.filter(p => p.indexOf('app.component.__styleext__') < 0);
-    }
+
     if (this.options && !this.options.routing) {
       fileList = fileList.filter(p => p.indexOf('app-routing.module.ts') < 0);
     }