常連

AngularJsのサービスを使用しようと考え以下のコードを書いたのですが、以下のエラーが出てしまいました。どこが違ってるかわかりますか?

エラー

`Error: [$injector:unpr] Unknown provider: YouTubeSearchServiceProvider <- YouTubeSearchService <- SearchController`

コントローラ

```lang-javascript
'use strict'

angular.module('app')
.controller('HomeController', function($scope){

})
.controller('SearchController', function($scope, YouTubeSearchService){
  $scope.$watch('searchWord', function(){
    YouTubeSearchService.search($scope.searchWord, null).then(function(data){
      $scope.response=data;
    });
  });

})
```

サービス

```lang-javascript
'use strict'

var API_KEY = "hogehoge"

angular.module('app')
.factory('YouTubeSearchService', function($http){
  var search = function(q, pageToken){
    return $http.get('https://www.googleapis.com/youtube/v3/search', {q: q, pageToken: pagetoken: maxResults: 20, type: video, videoEmbeddable: true, videoSyndicated: true, part: "id,snippet", key: AP    I_KEY})
      .than(function(response){
        return response;
      });
  };
  return {
    search: search
  };
})
```

app.js

```lang-javascript
  1 angular
  2   .module('app', [
  3     'ui.router'
  4   ])
  5   .config(['$stateProvider', '$urlRouterProvider', function($stateProvider,
  6       $urlRouterProvider) {
  7     $stateProvider
  8       .state('home', {
  9         url: '/',
 10         templateUrl: 'views/home.html'
 11       })
 12       .state('search', {
 13         url: '/search',
 14         templateUrl: 'views/search.html',
 15         controller: 'SearchController'
 16       })
 17       .state('ranking', {
 18         url: '/ranking',
 19         templateUrl: 'views/ranking.html',
 20         controller: 'RankingController'
 21       })
 22       .state('inquery', {
 23         url: '/inquery',
 24         templateUrl: 'views/inquery.html',
 25       });
 26
 27     $urlRouterProvider.otherwise('home');
 28   }]);
```

AngularJSでUnknown providerエラー

最近AngularJSを勉強し始めたのですが、調べ物をしているとデータを表示する時にjsonファイルを利用していることが多く見受けられるのですが、なぜjsonなのでしょう。
javascriptの配列ではだめなのでしょうか。
もしくは配列を使うのも同じくらい一般的なのでしょうか。

例えば、大学の時間割のアプリを作りたいとします。
データ１つに対する項目として、
・曜日（0=mon,1=tue...)
・時限
・授業名
・先生の名前
・教室
などがあるとします。

配列の場合だと
```javascript
[1,2,"有機化学","山田","3-D"],
[2,3,"無機化学","田中","1-B"]
```
のように非常に簡潔に書けますが、jsonだと

```json
  { 
      "week":1,
      "time":2, 
      "subject":"有機化学",
      "teacher":"山田",
      "room":"3-D",
   },
  { 
      "week":2,
      "time":3, 
      "subject":"無機化学",
      "teacher":"田中",
      "room":"1-B",
   },

```
のようになりますが、10個くらいなら確かにコードも読みやすくていいと思うのですが、
これが100種類、200種類になるとデータ量が「無駄に」膨大になるしメリット薄い気がするんですが、実際どうなんでしょうか。
これはAnglarJSで使う場合の話です。

あと、少し話がそれますが、
ng-repeatは「全」項目をリピートしますが、実際「全」項目リピートってそんなに使うかなって思うんですが、あるとすれば例えば時限が「２」のもの曜日が「１」のもののように、膨大なデータの中から条件を決めて抽出するほうだと思います。
こういうときって普通にifなどで絞り込んでからng-repeatを用いるのですか？
質問ばかりで恐縮ですが、よろしくお願いします。

jsonファイルのメリット

初めまして。
AngularJS,HTML,CSSの環境で開発中です。
この度、フローティングメニューをcssとhtmlを用いて実装する運びとなりましたが、
このフローティングメニューがスクロールした時に、Formのテキストボックスの後ろに入り込んでしまい、
少しでも重なっているとボタンを押せなくなり困っています。
最前面に出すことを第一に、できれば、ボタンが重なっていてもテキストボックスに問題なく入力できるようにできないでしょうか。

尚、重ならない位置にボタンを…というのは解決にはならないのでご遠慮下さい。

以下、コードの抜粋となります。
```lang-html
<style>
div#floating-menu {
	position: fixed;
	top: 50px;
	width: 0px;
	height: 0px;
	right: 50%;
	z-index: 9999;
}
</style>

<html>
  <body>
    <div id=floating-menu>
      <input type="submit" value="Save">
    </div>
  </body>
</html>


```
回答、お待ちしております。

フローティングメニューをどの要素よりも最前面に出したい

JS初心者です。よろしくお願いします。

コードでよく下記のような書き方を見かけますが、これの意味はなんでしょうか？
```Javascript
var self = this;
```

今AngularJSの習得を目指しているのですが、下記も同じ意味ですか？
```AngularJS
var self = $scope.self = this;
```

[JS] var self = this の意味は？

input/fileタグを使ってローカルの画像をアップロードさせる方法はもちろんわかるのですが、見た目があまり良くないと思っていて、以下のようなアイコンをクリックしたらファイルをアップロードするウィンドウを開くものを作りたいと思っています。

![画像アップロードアイコン](2f30667621ad090f6cc9240ce3f2eabc.png)

これはnoteというサービスの仕様で、ソースを見るとクリックイベントを設定してアップロードしているようなのですが、どのように記述すればファイルをアップロードするウィンドウを開けるのかがわかりません。
また、いろいろ調べてみたのですが、そのような情報が一切出てこなかったので、ぜひわかる方に教えていただきたいです。
関係あるかわかりませんが、AngularJSで開発をしています。

よろしくお願いいたします。

input/fileタグを使わないでローカルから画像をアップロードさせる方法を教えてください。

###前提・実現したいこと
visual studioでJSファイルを用いてC#で書いたコントローラとの連携を行おうと考えています。
そのためにajax通信を用いているのですが、うまくデータがpostできません。
コンソールで受け取ったデータの出力も行なっているのですが、何も表示されません。

###該当のソースコード
```JSファイル
var app = angular.module('myApp');

app.controller('myController', ['$scope', function ($scope) {

var str = "test";
var data = {};

   $.ajax({
       type: "POST",
       url: "/Test/Hoge",
       data: str,
       async: false,
       success: function (ret) {
           data = ret.Data;
       },
       error: function (e) { }
   })
}]);
```

```C#ファイル
public class TestController : Controller
   {
public JsonResult Hoge(string str)
       {
           Debug.WriteLine("アクセス成功");//アクセスできているかの確認
           Debug.WriteLine(str);//デバッグ用 何も表示され無い  

//以下何かしらの動作の記述...

       }
}

```

ajaxを用いてC#のコントローラへのPOST

入力画面を作成しているのですが、都道府県に連動した区市町村の入力をしたいです。都道府県を選択した後に、選択した都道府県の区市町村を表示してselectで選択をする形を考えています。
開発環境angularを使っています。Javascriptでもかまいません。
できるだけ簡易に実装できればありがたいです。どなたか知っている方ご教授いただければと思います。

現状では下記のURLのライブラリの使用を検討しています。
http://www.kawa.net/works/ajax/addrajax/addrajax.html

入力画面で都道府県に連動した区市町村の入力をしたいのですが、いいライブラリありませんか？

タイトルのとおりなのですが。
今私は、よくわからなくてviewファイルに以下のように書いています。

```ここに言語を入力
<img src="sample.png" id="sample">
<script>
$(function() {
  $("#sample").onload= function() {
    // ここに記述
  });
});
</script>
```

angularjs使わないときと同じですね。。。
ただ、問題点として$scopeなどをつかって処理を行うことができません。。
angularjs的な書き方を教えていただけないでしょうか。