Wie zu trennen ng-Vorlage in einer separaten Datei
Ich bin mit angularUI typehead für das input-element. Ich bin mit der benutzerdefinierten Vorlage zum anzeigen der Werte. Alle seine feinen arbeiten. Meine Frage ist wie kann ich die trennen die ng-template
in eine separate Datei, so dass es wieder verwendet werden kann, die in anderen Dateien genauso.
Falls meine Worte nicht klar sind, bitte beachten Sie, dass ich spreche ng-templates
speziell und nicht besorgt über separate andere html-Inhalte
Hier der code:
//custom template begin
//this is the ng-template
//I'd like to move this custom template into to another file
//similar to partials
<script type="text/ng-template" id="customTemplate.html">
<a>
<b>{{match.model.name}}</b>
<div>{{match.model.username}}</div>
</a>
</script>
//custom template end
//input element makes use of the ng-template defined above
<div class="form-group">
<label class="col-md-2 control-label normal" for="assignTo">Assign To</label>
<div class="col-md-3">
<input name="bug_assignTo" id="bug_assignTo" ng-model="bug.assignTo" typeahead="user.username as user.name for user in config.users | filter:$viewValue | limitTo:8" class="form-control input-sm" typeahead-on-select="bug.assignTo = $item" placeholder="type name" typeahead-template-url="customTemplate.html"></input>
</div>
Setzen es in eine teilweise funktionierten nicht, e.g:
<div ng-include="app/client/bug/new/my-ng-template.partial.html"></div>
Würfe:
Tried to load angular more than once.
[$rootScope:infdig] 10 $digest() iterations reached. Aborting!
...
....
Du musst angemeldet sein, um einen Kommentar abzugeben.
Brauchen Sie nicht
ng-include
.Verschieben Sie die Vorlage in separaten Datei, können sagen, der name der Datei
customTemplate.html
und der Inhalt der Datei wie
Nicht
<script type="text/ng-template" id="customTemplate.html">
tag, wenn es verschoben wird in separate Datei.Verwenden Sie die richtige Datei Pfad wie