Выражения AngularJS Bootstrap / AngularJS / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: AngularJS

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 662

Количество символов:

Посмотрели: 2318 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 3.5 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: angularjs, Snippet, сниппет, ангуляр, Angular, Bootstrap, ангулар, html

Поделился: BootstrapТема

Добавлено: 2016-02-28 в 01:01

Метка: 1581664670

⇄ ⇅

<h1 class="text-center">Выражения AngularJS Bootstrap</h1>

<div ng-init="da=10;dada=5;dadada=2;dadadada=2" class="col-xs-12">
<h3 class="text-center">Возможность использования числовых выражений</h3>
<strong class="pull-left">{{ da + dada * dadada / dadadada }}</strong>
<strong ng-bind="da * dada / dadada - dada - dada" class="pull-right"></strong>

<div class="col-sm-6">
<h4>Выражение чисел JavaScript</h3>
<dl>
<dt>Прибавление</dt>
<dd>{{ da + dada }}</dd>
<dt>Вычитание</dt>
<dd>{{ da - dada }}</dd>
<dt>Умножение</dt>
<dd>{{ da * dada }}</dd>
<dt>Деление</dt>
<dd>{{ da / dada }}</dd>
</dl>
</div>

<div class="col-sm-6">
<h4>Выражение чисел ng-bind</h3>
<dl>
<dt>Прибавление</dt>
<dd ng-bind="da + dada"></dd>
<dt>Вычитание</dt>
<dd ng-bind="da - dada"></dd>
<dt>Умножение</dt>
<dd ng-bind="da * dada"></dd>
<dt>Деление</dt>
<dd ng-bind="da / dada"></dd>
</dl>
</div>
</div>

<div ng-init="to='Один';toto='Два'" class="col-xs-12">
<h3 class="text-center">Возможность использования выражений строки</h3> 
<div class="col-sm-6">
<h4>Выражение JavaScript</h3>
<strong>{{ to + ' ' + toto }}</strong>
</div> 
<div class="col-sm-6">
<h4>Выражение ng-bind</h3>
<strong ng-bind="toto + ' ' + to"></strong>
</div>
</div>

<div ng-init="scolko=[2,5,10]" class="col-xs-12">
<h3 class="text-center">Возможность использования выражений массивов</h3> 
<div class="col-sm-6">
<h4>Выражение JavaScript</h3>
<strong>У меня на {{ scolko[0] }} руках {{ scolko[2] }} пальцев</strong>
</div> 
<div class="col-sm-6">
<h4>Выражение ng-bind</h3>
<strong>На одной руке <span ng-bind="scolko[1]"></span> пальцев</strong>
</div>
</div>

<div ng-init="let={prm:'Примерно',tchn:'Точно'}" class="col-xs-12">
<h3 class="text-center">Возможность использования выражений объектов</h3> 
<div class="col-sm-6">
<h4>Выражение JavaScript</h3>
<strong>{{ let.prm }} около {{ 20 + 20 }}</strong>
</div> 
<div class="col-sm-6">
<h4>Выражение ng-bind</h3>
<strong><span ng-bind="let.tchn"></span> 39</strong>
</div>
</div>

</div></div></div>

BootstrapTema

Выражения AngularJS Bootstrap

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0