Angular2のGetStartを試す

Javascript TypeScript angularjs

Angular2をやってみるまだ、ベータ版しかないけどちょっと気になったので…angular.io TypeScript？基本的にはTypeScriptで書くような感じがいいらしい JSの書き方だと可読性などやりにくい感じからかも… 実装プロジェクト作成 IDEでもなんでもルートのデ…

2015-01-01

Mojolicious＋Angularjsでwebsocket

Perl websocket angularjs

github https://github.com/mshige1979/reoreotsubuyakikun angularjsでwebsocket Controllerだけではうまくいかないことがあるのでfactoryなどが必要になってくる実装 default.html.ep <html> <head> <title><%= title %></title> <link rel="shortcut icon" href="<%= url_for '/favicon.ico' %>"> </link></head></html>

2014-12-23

angularjsでui-bootstrapを使用

angularjs JQuery html5 Javascript

angularjsのtwitterbootstrap版 cssの部分はともかくformのモーダルダイアログとかあとはカレンダーとか出したいけどどうするの？的な対応かと準備 twitter bootstrapのファイル jquery angularjs よりそれぞれcssやjsファイルとダウンロードしそれと http:…

2014-12-13

angularjsのng-ifの場合に数値や文字列の比較は？

angularjs framework Javascript html5

だってサンプルはtrueかfalseしかない使うなということでしょうか？一応必要かもしれないので調べた定義 <span ng-if="item.count > 10">10 over</span> <span ng-if="item.count == 10">10 equal</span> <span ng-if="item.count > 20">20 over</span> <span ng-if="item.text == 'aaa'">aaa</span> <span ng-if="item.text == '0'">xxx</span> こんな感じ、条件式を指定することで対応で…

2014-12-12

angularjsのng-show、ng-hideで表示切り替え

angularjs framework Javascript

表示、非表示の設定するディレクティブ ng-showはtrueの場合に表示を設定し、ng-hideはtrueの場合に非表示を設定する実験用の環境 onsen-uiのサンプルファイル「www」を流用基本 index.html <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> </meta></meta></meta></head></html>

2014-12-06

cordova+onsen-uiでサンプルアプリ

android cordova angularjs

cordovaをまだ、うまく使えていないのでちょっくらみてみるまずは初期設定プロジェクトを作成 $ cordova create hello com.example.hello Helloworld -d Creating a new cordova project with name "Helloworld" and id "com.example.hello" at location …

2014-07-04

angularjs学習（ページ切り替え）

Javascript angularjs

マニュアル見たけどいつの間にか勉強しなくなっていたので再度学習 angularjsはなんかマニュアルが最近増えて来たのでもう一度勉強資料 https://github.com/mshige1979/angularjs-sample 実装 index.html <html> <head> <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="css/app.css" /> </link></link></head></html>

2013-12-05

javascriptのバインディングフレームワーク「angularjs」の学習２（ng-repeat、ng-click）

Javascript 備忘録 angularjs

更新は少しずついろいろと学習することも別にあるので少しずつ学習する。一気にやっても覚えられないので… 今回は繰り返しだけ繰り返し ng-repeatでバインドした配列形式のデータをバインド可能 <html lang="ja"> <head> <meta charset="utf-8" /> <title>AngularJS Sample04</title> </head> <body ng-app="sample04"> <div ng-controller="controller04"> <div ng-repeat="data in lists"> <…</div></div></body></html>