Вспомогательные функции

<p ng-if='keys.length'></p>

<p ng-init='names=[1,2,3,]'></p>



<div ng-repeat='key in keys'></div>

<b ng-bind='value'></b>
<b ng-bind-template='value'></b>
<b ng-bind-html='value'></b>

<p ng-class="{strike: deleted, bold: important, red: error}">Map Syntax Example</p>
<input type="checkbox" ng-model="deleted"> deleted (apply "strike" class)<br>
<input type="checkbox" ng-model="important"> important (apply "bold" class)<br>
<input type="checkbox" ng-model="error"> error (apply "red" class)
<hr>
<p ng-class="style">Using String Syntax</p>
<input type="text" ng-model="style" placeholder="Type: bold strike red">
<hr>
<p ng-class="[style1, style2, style3]">Using Array Syntax</p>
<input ng-model="style1" placeholder="Type: bold, strike or red"><br>
<input ng-model="style2" placeholder="Type: bold, strike or red"><br>
<input ng-model="style3" placeholder="Type: bold, strike or red"><br>

// применяет стили на каждый нечетный элемент
<p ng-class-odd="'odd'"></p>
// применяет стили на каждый четный элемент
<p ng-class-even="'even'"></p>

<div compile='html'></div>

<a ng-href='/'></a>
<a ng-disabled='var'></a>
<a ng-checked='var'></a>
<a ng-readonly='var'></a>
<a ng-selected='var'></a>
<a ng-open='var'></a>
<a ng-show='var'></a>

<form name="myForm" ng-controller="Ctrl" class="my-form">
    userType: <input name="input" ng-model="userType" required>
    <span class="error" ng-show="myForm.input.$error.required">Required!</span><br>
    <tt>userType = {{userType}}</tt><br>
    <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br>
    <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br>
    <tt>myForm.$valid = {{myForm.$valid}}</tt><br>
    <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br>
</form>

<input ng-model="val" ng-pattern="/^\d+$/" name="anim" class="my-input" />
/*
при ошибках применятся следующие свойства
.my-input.ng-invalid {
    color:white;
    background: red;
}
*/

<div id="template1" ng-cloak>{{ 'hello' }}</div>
<div id="template2" ng-cloak class="ng-cloak">{{ 'hello IE7' }}</div>

<button ng-mousedown="count = count + 1" ng-init="count=0">

<button ng-mouseover="count = count + 1" ng-init="count=0">

<button ng-mouseenter="count = count + 1" ng-init="count=0">

<button ng-mouseleave="count = count + 1" ng-init="count=0">

<button ng-mousemove="count = count + 1" ng-init="count=0">

<input ng-keydown="count = count + 1" ng-init="count=0">

<input ng-keyup="count = count + 1" ng-init="count=0">

<input ng-keypress="count = count + 1" ng-init="count=0">


<form ng-submit="submit()" ng-controller="Ctrl">
    Enter text and hit enter:
    <input type="text" ng-model="text" name="text" />
    <input type="submit" id="submit" value="Submit" />
    <pre>list={{list}}</pre>
</form>

<input ng-copy="copied=true" ng-init="copied=false; value='copy me'" ng-model="value">
<input ng-cut="cut=true" ng-init="cut=false; value='cut me'" ng-model="value">
<input ng-paste="paste=true" ng-init="paste=false" placeholder='paste here'>

<select ng-model="template" ng-options="t.name for t in templates">
    <option value="">(blank)</option>
</select>

<div class="slide-animate" ng-include="template.url"></div>

<div ng-non-bindable>Ignored: {{1 + 2}}</div>

<ng-pluralize count="personCount"
              when="{'0': 'Nobody is viewing.',
                     'one': '1 person is viewing.',
                     'other': '{} people are viewing.'}">
</ng-pluralize><br>

<div class="check-element animate-show" ng-show="checked">
<div class="check-element animate-show" ng-hide="checked">

<input type="button" value="clear" ng-click="myStyle={}">
<span ng-style="myStyle">Sample Text</span>

<div class="animate-switch-container"
     ng-switch on="selection">
    <div class="animate-switch" ng-switch-when="settings">Settings Div</div>
    <div class="animate-switch" ng-switch-when="home">Home Span</div>
    <div class="animate-switch" ng-switch-default>default</div>
</div>

angular.isDefined(stop)

<button ng-click="$log.log(message)">log</button>
<button ng-click="$log.warn(message)">warn</button>
<button ng-click="$log.info(message)">info</button>
<button ng-click="$log.error(message)">error</button>
$location.hash()
$cacheFactory.get()
$cacheFactory.info()