所需要实现的功能：
功能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太差。