Inline `ng-template` n'est pas trouvé par` ng-include`

J'ai une vue chargée d'un text/ng-template intégré text/ng-template qui n'est pas trouvé par un ng-include plus tard dans le fichier. Le bloc de script se trouve au sommet du fichier de vue:

 <script type="text/ng-template" id="stringCondition"> <!-- template guts --> </script> 

Ce que je charge plus tard dans le fichier avec:

 <ng-include src="'stringCondition'"></ng-include> 

Mais produit une erreur 404 dans la console:

 GET http://localhost/~me/stringCondition 404 (Not Found) 

J'ai essayé plusieurs variantes sur la nomination (comme avoir .html à la fin) et en utilisant ng-include comme un attribut à la place de l'élément de haut niveau. Tous sans chance.

Qu'est-ce qui pourrait provoquer la non-inscription d'un ng-include ng-template intégré avec un ng-include dans le même fichier de visualisation?

METTRE À JOUR:

Comme les commentaires et les réponses l'ont souligné, la conception de base de mon code est correcte. Mais quelque chose provoque le fait que ng-template (apparemment) n'arrive pas à mettre le modèle à la disposition du système.

J'ai mis à jour mon code pour tirer d'un fichier HTML (au lieu d'un modèle intégré) et ça marche bien.

Existe-t-il une situation courante dans laquelle je pouvais rencontrer ce ng-template break?

 <div ng-app> <script type="text/ng-template" id="stringCondition"> Yes, yes it did. </script> Did it work? <ng-include src="'stringCondition'"></ng-include> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 

Je semble bien fonctionner pour moi. Peut-être que vous avez autre chose en dehors de votre code d'exemple.

 <div ng-app> <script type="text/ng-template" id="stringCondition"> Yes, yes it did. </script> Did it work? <ng-include src="'stringCondition'"></ng-include> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>