aaronfrost

angular.module('app').factory('myService', function($q, $http){
  var data;
  var dataPromise;
  
  return {
    getData: getData
  }
  
  function getData(){
    //If the data is already here, return it in a resolved promise

aaronfrost

var foo = {};
Object.defineProperty(a, "bar",{
  get: getFoo,
  set: setFoo
});

export default foo;

function getFoo(){
  //do shiz

aaronfrost

angular.module('app')
  .component('myComponent', {
    templateUrl: 'foo/bar/myComponent.html',  // OLD WAY
    controller: function(){
      //controller code
    }
  });
               
               
angular.module('app')

aaronfrost

// ng-include templates
require('angulartemplate!./foo/bar/includedtemplate.html');
require('angulartemplate!./foo/bar/anotherincludedtemplate.html');
// and so on

aaronfrost

const webpackconfig = {
  module:{
    rules: [
      {
        test: /\.ts$/,
        use: [
          {
            loader: '@ngtools/webpack'
          }
        ]

aaronfrost

[
  {
    path: 'team/:id',
    loadChildren: './team/team.module#TeamModule'
  }
]

aaronfrost

export class FooClass{
  constructor(
    private fb: FirebaseApp,
    private fs: AngularFirestore,
  ){
    const a = fb.firestore();
    const b = this.fs;
    // Are `a` and `b` pointing at the same thing?

  }

aaronfrost

// The values provided below are the defaults.
// If you don't specify one of these properties, 
// the default value will be applied. 
module.exports = {
  printWidth: 80, 
  tabWidth: 2,    
  useTabs: true,  
  semi: true,
  singleQuote: false,
  trailingComma: 'none', // other options `es5` or `all`

aaronfrost

package.json

aaronfrost

Delete the following rules from your tslint.json to avoid conflict w/ Prettier

If any of them are missing, that is fine. Just move on.

- comment-format
- curly
- eofline
- import-spacing
- indent
- max-line-length
- no-trailing-whitespace