Racum/angularjs_templates.md

## angularjs_templates.md

      
    Raw
  

              angularjs_templates.md
            
          
    AngularJS - Templates

Loading all templates from a single file

index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
...
</head>
<body>
    <div class="container" ng-view></div>
    <div id="template-loader"></div>
    <script src="angular.js"></script>
    <script src="app.js"></script>
templates.html
<script type="text/ng-template" id="home.html">
...
<script>
<script type="text/ng-template" id="detail.html">
...
<script>
app.coffee
$.get 'templates.html', (data) -> $('#template-loader').html data
window.app = angular.module 'myApp', [], ($routeProvider) ->
    $routeProvider
        .when '/home',
            templateUrl: 'home.html'
            controller: 'HomeController'
        .when '/detail/:slug',
            templateUrl: 'detail.html'
            controller: 'DetailController'