title: Cannot embed gist into angular 6 page
body: <p>I am trying to embed a gist into my angular page, I am not sure why every single thing I have tried does not work.</p>
  
  <p>This is what I tried:</p>
  
  <p><a href="https://stackoverflow.com/questions/50969506/how-to-embed-a-github-gist-in-the-angular-template">GithubGist</a></p>
  
  <p>ngx-gist
  sgbj/angular-gist
  angular-gist-embed
  Manually make it a js file that embeds it
  Yes I also tried to copy and paste the gist  line (as some suggest).</p>
  
  <p>I also tried, Prism.js, highlight.js.</p>
  
  <p>Prism does work, but for every line it creates a really bad background highlight, and cannot unify the background to be a single box behind the code.</p>
  
  <p>I feel like I am completely running out of solutions.</p>
  
  <p>I wonder if there is something easier, or at least something that actually works.</p>
  
  <p>Sorry for the broad question, I know there are SO threads out there for this, trust me I have looked at all of them and could not find a thing that was useful for me.</p>
  
  <p>Here I put an example of error I get when I use ngx-gist:</p>
  
  <pre><code>&lt;ngx-gist [gistId]="'{blasterpal}/{4534675}'"&gt;&lt;/ngx-gist&gt;
  
  ngx-gist.js:22 GET https://gist.github.com/%7Bblasterpal%7D/%7B4534675%7D.js?file= net::ERR_ABORTED 404 (Not Found)
  </code></pre>
  
  <p>Everything is set in module</p>
  
  <pre><code>import { BrowserModule } from "@angular/platform-browser";
  import { NgModule } from "@angular/core";
  import { AppRoutingModule } from "./app-routing.module";
  import { AppComponent } from "./app.component";
  import { NavbarComponent } from "./components/navbar/navbar.component";
  import { BlogComponent } from "./blog/blog.component";
  import { IntroComponent } from "./intro/intro.component";
  import { BlogPostPreviewComponent } from "./components/blog-post-preview/blog-post-preview.component";
  import { HttpClientModule } from "@angular/common/http";
  import { BlogService } from "./blog/blog.service";
  import { BlogPostContentsComponent } from "./blog/blog-post-contents/blog-post-contents.component";
  import { BlogContentTextComponent } from "./blog/blog-post-contents/blog-content-text/blog-content-text.component";
  import { NgxGistModule } from "ngx-gist/dist/ngx-gist.module";
  
  @NgModule({
    declarations: [
      AppComponent,
      NavbarComponent,
      BlogComponent,
      IntroComponent,
      BlogPostPreviewComponent,
      BlogPostContentsComponent,
      BlogContentTextComponent
    ],
    imports: [BrowserModule, AppRoutingModule, HttpClientModule, NgxGistModule],
    providers: [BlogService],
    bootstrap: [AppComponent]
  })
  export class AppModule {}
  </code></pre>