AngularJS是一款非常强大的前端MVC框架。大概可以分为这三类：
1.Directive（指令）
2.Controller（控制器）
3.Service （服务）
一、首先是服务(service)
它是一个单例，就是无论这个服务注入到任何地方，对象始终只有一个实例。它不想我们平时在js中用的function函数，因为服务被定义在一个模块中，所以它的使用范围是可以被管理的。这也就避免了对全局的污染。
一般在写angular框架的时候，基本就是如下样式：
html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/index.css" />
<script src="../lib/angular-1.5.8/angular.min.js"></script>
<script src="../services.js"></script>
</head>
<body ng-app='routingDemoApp' ng-controller="myCtrl">
<div>
<-- //定义好 ng-view -->
<div ng-view></div>
<div my-Directive></div>
</div>
</body>
</html>
这里就先不讲路由了。
写service：
var app = angular.module('routingDemoApp',['ngRoute']);
app.service('myservice',function() {
var service = {
return { name: Jack };
}
return service;
})
ng里还有很多内置的服务如$location等，上例写的是一个简单的自定义服务，返回的是一个对象。
二、控制器(controller):
angular是但页面应用，通过不同的控制器来渲染不同的页面，一般情况下都是一个页面对应着一个控制器
controller:
app.controller('myctrl',function(myservice,$scope) {
$scope.page = myservice;
})
三、Directive：
app.directive("myDirective", function () {
return {
restrict: 'EA',
controller: 'myctrl',
template: "<p>{{page}}</p>"
}
});
相关推荐
angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入...用angularjs就像写后台代码，更规范，更结构化，更可控。
在 `src/app/app.component.ts` 文件中，你会看到组件的基本结构： ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: '<h1>AngularJS 2 最简单的结构...
这个开源项目，"angularJS基本框架"，是一个AngularJS的种子项目，它提供了一个基础的开发结构，帮助开发者快速上手并遵循最佳实践。 1. **AngularJS核心概念**： - **双括号绑定**：AngularJS的核心特性之一是...
3. **AngularJS基本结构**：学习AngularJS时，了解其基本构成是至关重要的。这包括AngularJS应用的初始化（`ng-app`指令）、模块（`angular.module`）、控制器（`ng-controller`）、以及视图和路由等概念。 4. **...
二、AngularJS基本用法 1. 初始化应用：通过ng-app指令定义一个AngularJS应用的范围。 2. 控制器创建：使用ng-controller指令定义控制器，存放业务逻辑。 3. 数据绑定：通过双大括号{{}}实现数据绑定，将模型数据...
在标题"angularjs-webpack:angularJs基本框架"中，提到的是如何使用Webpack来构建AngularJS项目。Webpack的引入主要是为了优化开发流程，提高代码的组织和管理效率，同时也能更好地实现模块化和代码分割，提高应用的...
这一部分主要介绍了AngularJS的基本概念，包括如何设置开发环境、AngularJS的工作原理以及基本的开发流程。 - **第1章**：“Hello AngularJS”。通过一个简单的“Hello World”示例，介绍了如何开始使用AngularJS。...
- **指令（Directives）**：AngularJS允许开发者定义新的HTML标签或属性，这些自定义的标签或属性被称为指令，它们可以在运行时改变DOM结构。 - **服务（Services）**：AngularJS中的服务是用来封装特定功能的对象，...
* 模块（Module）：AngularJS应用程序的基本结构单元 * 控制器（Controller）：处理用户输入和业务逻辑 * 视图（View）：显示数据的HTML模板 * 服务（Service）：提供业务逻辑和数据访问 * 指令（Directive）：...
通过这个中文版的入门基础教程，初学者将能全面了解AngularJS的基本结构和核心功能，并能够着手开发自己的AngularJS应用。学习过程中，结合实际的代码例子和实例练习，将有助于更好地理解和掌握这些知识点。
- **框架**：更全面地规定了应用的结构，提供了更为丰富的功能和服务，比如AngularJS就不仅仅限于DOM操作，还包含了路由、表单验证、依赖注入等高级特性。 #### 二、AngularJS提供的解决方案 AngularJS为前端开发...
它将详细介绍数据绑定和指令的基本用法，以及如何使用AngularJS进行简单的路由配置。此外，教程还会讲解如何利用$http服务进行异步数据获取，以及如何进行单元测试。 ### 四、AngularJs学习笔记 学习笔记通常包含...
这个"小猫杯"的全套代码可能包括了上述知识点的各种示例和实践项目，通过学习和实践，新手可以快速掌握AngularJS的基本概念和开发技巧。如果包含详细的教程文档，那么对于理解和应用这些概念会更有帮助。总之，...
AngularJS_Up_and_Running为读者提供了一条学习AngularJS的快速通道，从初学者到高级用户，都可以从中学到如何使用AngularJS构建结构化Web应用。书中不仅包含理论知识，而且通过实例和项目来加深理解，使得整个学习...
综上所述，"angularjsdemo"项目是一个全面展示AngularJS功能的实践项目，包括了使用Bootstrap进行UI设计、通过BookStore案例实现业务逻辑、以及AngularJS的基本用法等。通过研究这个项目，开发者可以深入理解...
总的来说，"AngularJS--angular-phonecat"是一个适合初学者的实践项目，通过它你可以深入理解AngularJS的基本构造和工作方式。尽管没有测试部分，但你可以在完成项目后自行添加，以提升项目的质量和自己的技能水平。...
本书涵盖了从AngularJS的基本概念到高级特性的广泛内容，包括以下几个关键知识点： 1. **双向数据绑定**：AngularJS的核心特性之一，使得视图和模型之间的数据自动保持同步，无需手动操作DOM。 2. **指令系统**：...
在编写过程中，作者假设读者已经对AngularJS的基本术语有所了解，并具备一定的实践经验。本书的重点在于深入探讨AngularJS的内部机制，从而帮助读者建立一个更加完整且深入的知识体系。 **第1章：AngularJS概览** ...
- **AngularJS基础语法**：介绍AngularJS的基本语法结构，包括数据绑定、指令等。 - **项目搭建**：指导如何搭建一个AngularJS项目，包括环境配置、文件结构组织等内容。 - **简单应用示例**：通过一个或多个简单的...