AngularJSでBootstrapのModalを出す方法メモ - DRYな備忘録
問題 AngularJSと、Bootstrapのui.bootstrap使ってて BootstrapのModal機能とか使いたくなるけれど Angular的なControllerや$scopeの扱いが混乱したのでメモ 参考 公式: Angular directives for Bootstrap サンプル 親View。対応するControllerのメソッドをふつうに呼んでるだけ↓ <!-- モーダル開く親側のView --> <ul> <li data-ng-repeat="task in tasks"> <span>{{task.name}}</span><a href="#" data-ng-click="openDeleteConfirm(task)">さくじょ</a> </li> </ul> 親Controller。もちろんopenDeleteConfirmをexportしてる。そ
Onsen UI version 1.2.2リリースのお知らせ
HTML5モバイルアプリを開発するのに最適なUIフレームワーク、Onsen UIの最新バージョン1.2.2がリリースしました。今回は大きな機能追加が二つあります。 ・Pull to Refresh ・Infinite List こちらの機能について解説します。 Pull to Refresh Pull to Refreshは表示領域を下に引っ張ってイベントを起こす機能です。ネイティブアプリではよく知られた機能で、通常は情報更新する際に利用されます。こちらはまずデモで動作をご覧ください。実際に動かせるようになっていますので、その操作感を確かめてください。 <ons-page ng-controller="MyController"> <ons-pull-hook var="loaded" ng-action="load($done)"> <span ng-switch="loader.get
AngularJS - [´・[ェ]・] <もももっもっ
メモ書き。何か発見するたびに更新してます。 合っているかどうかは分からない話 下記は古い(いつから？)AngularJSの記述方法です。 ng-controllerはwindowオブジェクト直下の関数を見なくなりました。 var app = angular.module('app', []); app.controller('con', function($scope){});ng-controllerの名前の指定は、angular.module().controllerの第一引数で指定します。 view ng-model属性 コントローラーの$scopeのオブジェクトと一致する。 <div ng-controller="con"> <input type="text" ng-model="a.b" /> <input type="text" ng-model="c" /> </div>
![AngularJS - [´・[ェ]・] <もももっもっ](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa5e853b5520aef7936b33deff9cbb4580e1495a/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127031738462%2F17680117127031755313%2F1555342496)
Swiftで作られたイケてるUIライブラリたち - Qiita
Spring ★431 手軽にアニメションが行えるライブラリです。SrotyBoardからアニメションの設定を行えるのがいいですね。 インストール Xcodeに手動でドロップします。 サンプルコード アニメションのコードはとってもシンプルです。 ２６種類のアニメションパターンを設定できます。 shake pop morph squeeze wobble swing flipX flipY fall squeezeLeft squeezeRight squeezeDown squeezeUp slideLeft slideRight slideDown slideUp fadeIn fadeOut fadeInLeft fadeInRight fadeInDown fadeInUp zoomIn zoomOut flash デモ デモアプリでアニメションの動きを確認できます。 design+
Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法 3 種類 - Qiita
はじめに Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="
AngularJSの$scopeをController as で置き換えるべき理由 - Qiita
はじめに このブログに記載されている、AngularJSのController As記法をめぐる考察が興味深い。 Alex Ford氏という方が著者なのだが、原文を読むと、 元々は http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/ にて、「AngularJSのController As記法は最近のトレンドだけど、一種のSyntax Sugarだし、最終的には好みで決めたら？」的なエントリに対して、「いやいや、Controller Asは只のSyntax Sugarじゃないぜ」とAlex氏がController Asの優位性を示している流れ。 Controller As記法 AngularJS 1.1.xでは、Controllerで、scopeの設定を行い、Viewとなるht
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
