AngularJS概念理解

Question

我正在尝试通过构建具有此布局的小型Web应用程序来学习角度：

简单地说，标题会说“第一个应用程序！” 每个内容导航按钮将是一个不同的类别（体育，音乐等），每个内容将拉出一些公共api并将其显示在表格中的内容页面上的列表中。我觉得如果我决定加入想象并加上子菜单，我就会有一些搜索和过滤功能以及面包屑。

无论如何，我理解Angular的要点，我通过角度网站上的phoneCat应用程序教程：https://docs.angularjs.org/tutorial，我也一直在观看有角度的youtube视频。

不幸的是，当涉及到将路由/模块/服务/指令/等等的概念转换为制作实际的网络应用程序/网站时，我仍然感到困惑

我正在寻找某人给我一个超级高级别的视图，告诉他们如何使用角度来制作这个应用程序并解释它就像我是一个完全的菜鸟并且可能提供一些简单的经验法则来考虑关于web应用程序组件的角度（例如，当我想到json文件中的数据并且我想要显示它时，我可以根据角度概念（数据/模型/视图？）来看待它，或者说：你将要使用ng-repeat等等。）

以下是我的一些问题：

1. 我应该有多少.html文件（观点？）我是否为每个内容页面制作.html文件？

2. 标题，导航和面包屑（如果我使用子菜单）将始终显示给用户。这是否意味着我在主体中有一个带有<div ng-view></div>的index.html页面，然后有一个带有标题/ nav / breadcrumb的main.html，然后将content1.html / content2.html / content3.html等分开？如果这是真的，那么如何使用多个ng-view？或者这是路由概念的来源？有人可以解释我如何从最简单的ng-view / routing角度设置这些页面？

3. angular.module（）有什么作用？我什么时候使用它？我在控制器，路由和服务文件等的顶部看到它......

4. 有人可以在何时以及如何使用服务/工厂时使用示例？

我觉得这对要求解释的人要求很多。我的计算机技术水平不是很高，而且我觉得我觉得我几乎可以建立一个非常酷的应用程序而只需要将所有部分放在正确的位置。

谢谢

Answer 1

很棒的问题，我知道我刚开始时的票价分配。我将用一个链接回答每个问题，该链接将为您提供每个问题的详细信息。

1. 是的，你为每个内容页面（又名视图）制作了一个html页面

2. 是的，您的索引页面将包含所有静态内容，您将使用ng-view指令来声明动态区域。 ng-views是设置动态内容的唯一方法。您可以使用：开关，隐藏/显示和ng重复。对于多个视图，我建议您使用ng-views的组合，并在视图中使用开关。如果保存状态非常重要，我建议您查看angular-ui https://github.com/angular-ui/ui-router

3. Angular.module（）是一种分离/模块化代码的方法。这意味着它仅用于您明确声明的部分。使用时，将注入所述的依赖项。

4. 如何使用工厂模块的一个很好的例子，来自官方网站的angularjs教程。我还建议一些来自egghead.io的精彩视频 - https://www.youtube.com/watch?v=HvTZbQ_hUZY

如果您正在研究移动解决方案，可能需要查看Ionicframework。它是angularjs，但增加了移动魔力。