onsenui
monaca上でonsen uiとangularを使う場合、初期化はどうすればいいのだろうか？ angularはangularでcontrollerメソッドがあるので、その時点で、初期化だし、onsen uiはonsen uiで ons.ready(function() { }); という記述があるので果たしてどうしたことやら…
monacaのangularで実装するにあたりajaxだけjQueryというのもなんだか変な気がする。 そこでangularでHTTP通信を行うことができないか調査をしてみた。 いつも通りangularのリファレンスに表示されているAPI一覧を眺めていて、$httpというのがあったので試し…
ある特定の条件ではdomを表示し、それ以外の場合は非表示みたいなことをmonacaのangularで実装するにはどうすればいいのか調べました。 APIリファレンスに表示されているメニューをざーっと見たところngifというのが目についたのでこれかなと思いさっそく試…
monacaのangularでプログラムを組んでいると、コントローラーは1つではなく複数になる時が多々あります。 <ons-page ng-controller="MainPageController"> <ons-button ng-click="notify()">Run</ons-button> </ons-page> <ons-dialog var="dialog" ng-controller="DialogController"> <div style="text-align: center; padding: 10px;"> <p> This is a dialog. </p> <…</div></ons-dialog>
monacaでnendを実装するに当たりいくつかのパターンがあり、そのうちの一つにOnsenUIを使ってかつAngularJSを使用しない場合についてのソースコードがありました。 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script src="components/loader.js"></script> </meta></meta></head></html>
monacaのangularでngIncludeという外部ファイルをインクルードをしてくれるAPIが存在する。 例えば、hoge.htmlというインクルードされるファイルが下のようになっていたとする。 <p>hello angular</p> それに対して呼び出し元を下のように実装する。 <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>
monacaでの開発で、Onsen UIとangularを使ってフロントを構築する方法を調査しているのですが、AngularJS 1.x - Onsen UIを読みながらソースを組んでみると、だいたい、下のような感じになっている。 <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>
monacaでangularを選択した際に、ng-clickを使ってアラートを表示させたいだけなのに、なんで、こんな複数パターンが存在するんだろうか？ 1.asを使ってプロパティー名を使って実装するパターン <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>
monacaでangularを使って実装するにあたり、昔のAngularJS — Superheroic JavaScript MVW Frameworkのリファレンスを読んで、どうやら、ベースがangular.moduleメソッドを呼ぶところから始まるみたいなので、漠然と <html ng-app="mainApp"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </meta></head></html>
