はてなブックマーク

<div ng-controller="SampleCtrl" data-ng-init="init()"> <table> <tr ng-repeat="item in items"> <td ng-click="methodA($index)"> {{item.id}} </td> <td>{{item.firstName}}</td> <td>{{item.lastName}}</td> </tr> </table> </div> app.controller('SampleCtrl', function($scope) { $scope.items = []; $scope.init = function() { $scope.items = []; // TODO itemsに値を詰める }; $scope.methodA = function(index) { alert($s

AngularJSだけでもないが、ちょっと長めの検索処理などを実装する際に、UIで検索処理中なのか、フリーズしてるのかわかりづらいため、いわゆるローディングのアイコンを表示したくなったりする。 AngularJSにも、$rootScopeを使ったローディングのサンプルなんかはあるには、あったがスキル不足のためか、うまく表示できなかった。 ということで、Googleで検索して見つけました。 本家 ngProgress A slim, site-wide progressbar for AngularJS とうたわれているので、かなり軽量なのかと期待しましたが、 後で考えると、細い線のプログレスバーだと言いたいのだと理解しました。 ※決して重くはないです。 導入方法（我流） 上記ホームページからngProgress.min.jsのリンクを右クリックでダウンロード GitHubのngProgre

はじめに AngularJsでDrag&Dropを実装する際に、便利そうなライブラリを発見したので利用してみた。 ライブラリ Angular Drag and Drop 使い方 本家サイトのサンプルコードを確認しよう。 自分の例 自分の場合は、あるリストを一覧表示して、その各アイテムをdrop先のリストに登録するといったことをやった。 drag側のリスト側 <table><tr> <td ng-repeat="xxxxx in dragItems" data-drag="true" ng-model="dragItems[$index]" jqyoui-draggable="{index: {{$index}}, animate: true, placeholder: 'keep'}" data-jqyoui-options="{revert: 'invalid', helper: 'cl

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?