For this particular inquiry, I am choosing to disregard the aspect of not having a web server. Let me present an illustration of how you can incorporate a template directly within a script tag and utilize it with a directive.
<body ng-app="myApp">
<script type="text/ng-template" id="templateTemplate.html">
<div>
I am the <span ng-transclude>{{templateAdjective}}</span>
template result.
</div>
</script>
<div>
<test>best</test>
<test>optimal</test>
</div>
<script>
var app = angular.module('myApp',[]);
app.directive('test', function() {
return {
restrict: 'E',
templateUrl: 'templateTemplate.html',
transclude: true,
replace: true
};
});
</script>
</body>
Link to jsfiddle example with template in script tag