AngularJSでアコーディオン(toggleボタン仕様)を1分で実装
AngularJSでアコーディオンを実装する場合、jqLiteを使用して実装しようと考える人もいるかもしれないがjqLiteにはslideToggle()が含まれていないためjQueryのように実装することはできない。 ※ちなみにtoggle()もない。（toggleClassはある） https://docs.angularjs.org/api/ng/function/angular.element ng-click,ng-class,CSSアニメーションで実装 ng-clickでクリックの検出および開閉(フラグ)の切り替え、ng-classでCSSクラスの追加・削除、そしてtransitionで開閉のアニメーションを追加すれば簡単に実装できる。 やり方は簡単。まず$scope.flag = false;で初期フラグを設定する。 angular.module('myApp', []) .
AngularJS: UI Bootstrap の datepicker-popup の使い方 - Qiita
UI Bootstrap の datepicker-popup は、クリックしたら Datepicker を表示するようにするためのディレクティブです。日付選択のためのカレンダーですね。 こんなやつです。 まずはコード 以下のような感じで利用することができます。 <div class="input-group" ng-controller="DatePickerController"> <input type="text" class="form-control" ng-model="date" datepicker-popup is-open="datePickerOpen"> <div class="input-group-addon" ng-click="toggleDatePicker($event)"> <i class="glyphicon glyphicon-calendar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
