AngularJS

AngularJS と組み合わせてツイートする内容を動的に変更するツイートボタンをつくる

さて、サイト内にツイートボタンを埋め込みたい場合は公式のジェネレータを使用するのが簡単です。 しかし、ここで生成したコードではページを開いたあと(ツイートボタンを表示したあと)にツイート内容を変更することができません。 そこでツイートボタン…

ng-table を試してみた

昨日言ってた ng-table を軽く試してみました。 れうんこ過ぎるのでなにか無いかと探してみたら ng-table なるものを見つけた。 ngTable: Simple and easy work with table on AngularJS (pagination, sorting, filtering) [ソース] <html ng-app='MyApp'> <head> <title> test </title> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js'><…</head></html>

ng-table

最近、AngularJS で table を書いているのだけれうんこ過ぎるのでなにか無いかと探してみたら ng-table なるものを見つけた。 ngTable: Simple and easy work with table on AngularJS (pagination, sorting, filtering) その名の通り、AngularJS で table …

AngularJS でローカルの json ファイルを読み込む

AngularJS で json ファイルを読み込みたい場合は angular-resource を使用します。 [index.html] <html ng-app="phonecatApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular-resource.min.js"></script>…</head></html>

AngularJS の $watch でリストの要素を監視する

$watch でリストの要素を監視したい場合、$watch の第三引数に true を渡すことで、リストの中身やオブジェクトの要素を監視するようになります。 $scope.list = [] // $scope.list の要素が変更された場合にも呼ばれるようになる。 $scope.$watch("list", f…

AngularJS の ng-repeat に重複するデータのあるリストを渡す

ハマったので覚書。 さて、次のようにして重複するデータのあるリストを ng-repeat したい時があると思います。 <div ng-repeat='item in [1, 1, 2, 1, 2, 1]'> <p>{{ item }}</p> </div> しかし、上記のように『重複するデータがあるリスト』の場合には ng-repeat が動作しません。 これを動作させるようにするには "t…