title: Angularjs Custom Directive not changing DOM
body: <h2>Use ng-if in Angularjs Directive</h2>
  <p>I have a <code>showTaskDetailView$</code> stream that I can subscribe to and I can push a boolean value through it.</p>
  <pre><code>angular.module('Project').directive('something', () =&gt; {
      return {
          restrict: 'E',
          template: '&lt;div&gt;something: {{toggleValue}}&lt;/div&gt;',
          replace: true,
          link() {
              something();
              function something() {
                  showTaskDetailView$.subscribe(value =&gt; {
                      let toggleValue = value;
                      console.log(toggleValue);
                  });
              }
          }
      };
  });
  </code></pre>
  <p>When I run this directive and I change the <code>showTaskDetailView$</code> value I see the new value in my console.log. But nothing is happening in the DOM.</p>