EVOLUTION-MANAGER
Edit File: templates.html
<a href='https://github.com/angular/angular.js/edit/v1.3.x/docs/content/guide/templates.ngdoc?message=docs(guide%2FTemplates)%3A%20describe%20your%20change...' class='improve-docs btn btn-primary'><i class="glyphicon glyphicon-edit"> </i>Improve this Doc</a> <p>In Angular, templates are written with HTML that contains Angular-specific elements and attributes. Angular combines the template with information from the model and controller to render the dynamic view that a user sees in the browser.</p> <p>These are the types of Angular elements and attributes you can use:</p> <ul> <li><a href="guide/directive">Directive</a> — An attribute or element that augments an existing DOM element or represents a reusable DOM component.</li> <li><a href="api/ng/service/$interpolate">Markup</a> — The double curly brace notation <code>{{ }}</code> to bind expressions to elements is built-in Angular markup.</li> <li><a href="guide/filter">Filter</a> — Formats data for display.</li> <li><a href="guide/forms">Form controls</a> — Validates user input.</li> </ul> <p>The following code snippet shows a template with <a href="guide/directive">directives</a> and curly-brace <a href="guide/expression">expression</a> bindings:</p> <pre><code class="lang-html"><html ng-app> <!-- Body tag augmented with ngController directive --> <body ng-controller="MyController"> <input ng-model="foo" value="bar"> <!-- Button tag with ng-click directive, and string expression 'buttonText' wrapped in "{{ }}" markup --> <button ng-click="changeFoo()">{{buttonText}}</button> <script src="angular.js"> </body> </html> </code></pre> <p>In a simple app, the template consists of HTML, CSS, and Angular directives contained in just one HTML file (usually <code>index.html</code>).</p> <p>In a more complex app, you can display multiple views within one main page using "partials" – segments of template located in separate HTML files. You can use the <a href="api/ngRoute/directive/ngView">ngView</a> directive to load partials based on configuration passed to the <a href="api/ngRoute/service/$route">$route</a> service. The <a href="tutorial/">angular tutorial</a> shows this technique in steps seven and eight.</p> <h2 id="related-topics">Related Topics</h2> <ul> <li><a href="guide/filter">Filters</a></li> <li><a href="guide/forms">Forms</a></li> </ul> <h2 id="related-api">Related API</h2> <ul> <li><a href="./api">API Reference</a></li> </ul>