Why is the HTML-Code not rendered when I use a custom angularjs directive

Question

HTML:

<section>
     <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir></div>
</section>

script.js

angular.module('docsSimpleDirective', [])
  .directive('ntAttrDir', function factory() {
    var directiveDefinitionObject = {
      template: "<div> Test </div>",
      replace:false,
      restrict:"A"
    };
    return directiveDefinitionObject;
  });

So expected result is the html-code should look like

<section>
 <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir><div> Test </div></div>
</section>

But it looks always as below

<section>
 <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir></div>
</section>

What am I missing so that Test is not being displayed.

Answer 1

The only thing I can think of is the `ng-app` directive missing:

<html ng-app="docsSimpleDirective">

Why?

This directive is 100% valid.
I Assume there is no hidden error in the console which wasn't reported.

Why is the HTML-Code not rendered when I use a custom angularjs directive

Question

1 answers

solution1
0 ACCPTED 2014-01-20 11:49:03

The only thing I can think of is the `ng-app` directive missing:

Why?

Why is the HTML-Code not rendered when I use a custom angularjs directive

Question

1 answers

solution1 0 ACCPTED 2014-01-20 11:49:03

The only thing I can think of is the ng-app directive missing:

Why?

solution1
0 ACCPTED 2014-01-20 11:49:03

The only thing I can think of is the `ng-app` directive missing: