所需要實現的功能：
功能1: 我可以看到 FreeCodeCamp 現在是否在Twitch.tv上直播。
功能2: 我可以點擊鏈接跳到 FreeCodeCamp 在Twitch.tv上的頻道。
功能3: 如果有人在直播，我可以點擊並看到他正在直播什麼。
功能4:通過主播名字（小寫）可以搜索直播間，並顯示。
功能5：有All Online Offline進行分類已有的直播。
提示: 這有一個如何調用 Twitch.tv的JSONP API的示例：https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Front-End-Project-Use-the-Twitchtv-JSON-API.
提示: 這個文檔有更多關於如何調用這個API的細節：https://github.com/justintv/Twitch-API/blob/master/v3_resources/streams.md#get-
我做的醜醜的作業：https://codepen.io/leijieur/pen/GraGYp?editors=1010
中間碰到的問題及解決：
1.首先並沒有用ng-repeat ——– 後改成ng-repeat來進行顯示，更簡便。
2.應用twitch的API碰到問題，返回顯示沒有client-id ——— 去github上查詢，找到了答案，去官網註冊了開發者，有了ID；同時 下載了POSTMAN用於測試連接，很好用；
3.解決了Api的連接問題後，又有了streams 和channels返回的值不同，必須兩個都要請求———- 建立了app.factory，驗證了可以建立兩個factory即自定義服務，但是最後只用了一個factory，另外的一個請求我包含在了裏面，直接$http.jsonp
4.然後用了ng-change 和<input>，實現了簡單的主播名字搜索功能。
5.√ ×的實現最麻煩… ——— 應用bootstrap的圖標，<span class="glyphicon glyphicon-{{item.mature}} "></span>;
if-else，判斷是否在直播，然後把圖標所需要的“ok”和”remove”賦值給{{item.mature}}
6.然後是點擊all,online,offline產生相應的行爲—————-用到了ng-click，以及document.getElementById(‘ok’).style.display=”none”; 其實沒有做完全….ID是唯一的，而用ByName又沒有實現功能爲啥呢？
7..$scope相當於中轉器，賦值與相應值的應用都需要它。
坑:
1.css,angularjs版本不宜新，瀏覽器無法應用功能。
2.$http.jsonp裏的if-else只能進if。。。沒有搞懂爲啥。
3.界面是真的醜….很多想實現的功能沒有辦法實現。。 CSS太差。