$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ä½
æãå¤ã使ããã¦ããã§ããã, 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.3.1ãç¨ãã¦ããã©ã¼ã ãã¼ã¸ãã¡ãã£ã¨ãªããã«ããæ¹æ³ã ã§ããã ãç°¡åã«å®è£ ããæ¹æ³ãç´¹ä»ãã¦ãã¾ãã
Wantedlyã®ã¨ã³ã¸ãã¢åé https://www.wantedly.com/projects/7726 Wantedlyã®ãã¶ã¤ãã¼åé https://www.wantedly.com/projects/10775
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}