title: Hide feature from Angular UI with ABP Framework
body: <p>I've created several features in the ABP Framework but now I want to hide a button in the Angular font-end UI when the option is disables.</p>
  <p>I've found this code for C# code:</p>
  <pre class="lang-cs prettyprint-override"><code>public class ReportingAppService : ApplicationService, IReportingAppService
  {
      private readonly IFeatureChecker _featureChecker;
  
      public ReportingAppService(IFeatureChecker featureChecker)
      {
          _featureChecker = featureChecker;
      }
  
      public async Task&lt;PdfReportResultDto&gt; GetPdfReportAsync()
      {
          if (await _featureChecker.IsEnabledAsync(&quot;MyApp.PdfReporting&quot;))
          {
              //TODO...
          }
          else
          {
              //TODO...   
          }
      }
  }
  </code></pre>
  <p>But no equal code for the Angular UI.</p>
  <p>Finaly it must be like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;button *ngIf=&quot;featureChecker.IsEnabled('MyApp.PdfReporting')&quot;&gt;Download PDF&lt;/button&gt;
  </code></pre>