Part5の続きです。 今回は更新ボタンをクリックした後に経過を表示するプログレスバーと、重複送信を防止するモーダルウィンドウを合わせて実装していきます。 まずデモで動作を確認してみましょう。 デモ それでは実装へ。 UI Bootstrapを組み込む UI BootstrapはAngular UIチームによって開発されているBootstrap用のコンポーネントライブラリです。 このライブラリを活用することにより、Bootstrapが元々提供しているプログレスバーとモーダルウィンドウをAngularJSと連携させて利用できるようになります。 このUI BootstrapもCDNで提供されているのでまずはそのファイルを読み込みます。 <head> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com
AngularJSをちょっと試してみました。 今回は、 ・リストを返すAPIを呼び出してリストを出す ・詳細情報を返すAPIを呼び出して情報を出す という二画面を実装するのがゴールです。 ファイル構成は下記です。 . |-- css | `-- app.css |-- index.html |-- js | |-- app.js | `-- controllers.js `-- partials |-- company-detail.html `-- company-list.html 今回はservice.js,factory.jsまで作ってません。 unit周りはじっくり調べて投稿したいですね。 index.html <!doctype html> <html lang="ja" ng-app="stockCompanyApp"> <head>
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はサーバサイドではHTMLレンダリングせず、RESTfulなWeb APIを使ってデータを取得、表示するといったWebアプリケーションが増えています。そうした中、運営側の管理画面においても求められるものが変わってきています。 そこで今回は次世代の管理画面、ng-adminを紹介します。AngularJSを使ったWeb管理画面になります。 ng-adminの使い方 Web APIを用意しておくことで、ユーザ向けはもちろんのこと管理画面においてもスムーズな操作ができるようになります。pushStateにも対応していますので、URLはユニークになるようです。 ng-adminはJavascript/HTML5製のオープンソース・ソフトウェア（MIT License）です。 Angul
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
