Content-Length: 287844 | pFad | http://b.hatena.ne.jp/s5ot/angularjs/
AngularJSの$swipeで位置と時間からスワイプイベントを検出する
$swipeでスワイプイベントを検出 AngularJSのngTouchの$swipeサービスにはスワイプイベントのstart, move, cancel, endが含まれているが左スワイプや右スワイプのイベントは含まれていない。 そのためスワイプを検出するにはモジュールを追加するか検出できるようにするための記述を追加する必要がある。 時間とスワイプ距離の取得 開始時間と終了時間はtouchstartとtouchendのそれぞれのタイミングでDate.now()を使用してミリ秒を取得。 距離はtouchstartとtouchendのxとyを取得して下記の計算式でスワイプ距離を算出する。 dist = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2)); 左スワイプと右スワイプの判定 touchstartのx位
ui-routerにおけるresolveの威力 #AngularJS - Qiita
最も多く使われているであろう, AngularJSの拡張コンポーネント, ui-router. 擬似的に画面遷移が必要となるようなアプリケーションをAngularJSで開発する際には、事実上必須といっても過言じゃない. 今回はui-routerに含まれているresolveを活用するお話. ui-routerとresolve ui-routerの基本的な使い方を説明したい訳ではないので、そこら辺は割愛して, resolveの使いどころから説明していく. 下記のようなstate定義があったとする. angular.module('sample', ['ui.router']) .config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('app', { url: '/', templateUrl:
超初心者でも大丈夫！AngularJSでフォームページをちょっとリッチに改造してみよう
1. sample Let’s make forms rich by using AngularJS(v1.3.1), for beginners 5 November 2014 ソース : https://github.com/seito2014/angularjs-‐study2-‐seito デモ : http://seito2014.github.io/angularjs-‐study2-‐seito/ 2. Profile ホリグチ セイト Front-End-Engineer 趣味 漫画（いろいろ）、海外ドラマ、lang-8 最近の活動 セブ島行ってきました。 Webサービス開発し始めました。 AngularJS始めました。 ソース : https://github.com/seito2014/angularjs-‐study2-‐seito デモ : http:/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/s5ot/angularjs/
Alternative Proxies:
Octobot is now Sparq | Blended US + LatAm Outsourced Teams
AngularJsで滑らかなswipeを実装するのに参考になったリンクまとめ - Qiita
Native drag and drop in AngularJS—blog.ParkJi.co.uk
Understanding the AngularJs Digest Loop
How can I test an AngularJS service from the console?
GitBook
webpack/webpack
Create Angular App.config using typescript class
What is the lifecycle of an AngularJS Controller?
非エンジニアのためのAngularJS - 非実在美少女デザイナーに捧ぐ -
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Index of /
GitHub - johnpapa/angular-styleguide: Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.