将AngularJS用于mvc MVW的单页面web应用程序。它使用指令过滤内容，$http服务读取JSON文件.zip

# Avengers, Agents of Shield (directory) #### Contributors: Trevor Rapp, Bob Ziroll *this was completed as part of a bootcamp curriculum for Coding Campus, now [V-School](https://vschool.io/).* <br> [](http://trrapp12.github.io/avengers_agents_of_shield_directory/) <br> https://user-images.githubusercontent.com/11747875/149467831-98f41dce-fd04-452c-9088-f43cb9b3a7d2.mp4 <br> <br> --- <img align="left" alt="HTML5" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png" /> <img align="left" alt="CSS3" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png" /> <img align="left" alt="JavaScript" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png" /> <img align="left" alt="Git" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/git/git.png" /> <img align="left" alt="GitHub" width="26px" src="https://raw.githubusercontent.com/github/explore/78df643247d429f6cc873026c0622819ad797942/topics/github/github.png" /> <img align="left" alt="Terminal" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/terminal/terminal.png" /> <br/> --- ### Description: > "YOU GET HURT, HURT ’EM BACK. YOU GET KILLED … WALK IT OFF.” > > -- Steve Rogers, Captain America TEAM CAP ALL THE WAY!!! I love anything Avengers, and this was a great way to practice the use of ng-route and MVC architecture. To use, try typing in the name of an avenger, and then clicking on the name you find. You can then navigate through the cards to find more information. <br> --- ### THIS PROJECT DEMONSTRATES - [x] Utilizes the concept of modules to create more readable and manageable code that applies DRY principles. - [x] Utilized MVC/MVW architecture - [x] Created three different controllers that receive user input and makes calls to model objects and the view to perform appropriate actions - [x] Created a module that uses ng-route and $routeProvider to direct the consumer to the appropriate urls and views. - [x] Uses $http to read a JSON object - [x] Filters content using directives - [x] Uses two-way data binding to make queries - [x] Uses deep-linking to navigate through views - [x] Use of CSS3 and HTML5. <br/> --- ### CHALLENGES I OVERCAME... * This was my first time working with a MVC paradigm, so I had to take some time to wrap my head around that. <br/> --- ### MY OWN PERSONAL CONTRIBUTIONS INCLUDED - [X] I completed this a part of a teacher lead course. <br/> --- ### PERSONAL CONTRIBUTIONS - [X] completing the project <br/> --- ### ATTRIBUTIONS * *this was completed as part of a bootcamp curriculum for Coding Campus, now [V-School](https://vschool.io/).* <br/> --- ### YOU CAN FIND ME AT: \**For more information see my [LinkedIn](https://www.linkedin.com/in/trevor-rapp-042a1037), or return to my [Github](https://github.com/trrapp12)*