首页 - 互联网

Angular企业级开发(3)

作者: 五速梦信息网
时间: 2026年04月04日 13:51

1.MVC介绍

Model-View-Controller

Smalltalk

控制器（Controller）- 负责转发请求，对请求进行处理。
视图（View） - 界面设计人员进行图形界面设计。
模型（Model） - 程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。

2.Angular MVC

在AngularJS应用中，MVC设计模式通过JavaScript和HTML来实现。使用HTML定义视图，用JavaScript实现模型和控制器。

2.1Angular MVC中的Views

在AngularJS应用中，视图是使用HTML来创建，HTML可以是一个简单单独的页面，也可以是html代码片段。

一个简单的HTML页面:

<!DOCTYPE html>

<html>

<head>

<title>Hack Hands Angular - Demos</title>

<meta charset="utf-8" />

</head>

<body>

<div id="messageTitle"></div>

<div id="message">Hello World</div>

</body>

</html>

ng-view

<!DOCTYPE html>

<html>

<head>

<title>Hack Hands Angular - Demos</title>

<meta charset="utf-8" />

</head>

<body>

<h1>Hack Hands Angular Demos</h1>

<div ng-view>

<div id="messageTitle"></div>

<div id="message">Hello World</div>

</div>

</body>

</html>

2.2 Angular MVC中的Controllers

ng-controllerui-view

// Code goes here

var hackApp = angular.module("hackApp", []);
var indexController = hackApp.controller("indexController", function($scope) {

  // controller logic goes here

  $scope.message = "Hello Hacking World"

});