angular中的MVC思想
阿新 • • 發佈：2017-06-28
-c 建模 bootstra [] htm 前端 屬性 set bsp
MVC是一種使用 MVC（Model View Controller 模型-視圖-控制器）設計模式，該模型的理念也被許多框架所吸納。在學習angular的過程中，我在網上查找關於angular MVC介紹的文章很少，有些文章也沒有很直白地為初學者指明angular MVC到底是啥樣貌，因此，今天我們就來談談MVC模型在angular的形態。
view指的是視圖，在web前端工程中，view往往指的是HTML代碼。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
</head>
<body ng-app="app">
<div class="col-md-4 col-md-offset-4" ng-controller="InputController">
模型數據: <input type="text" class="text-primary" ng-model="book.title">
</div>
<script src="js/angular.js"></script>
<script src="js/demo1.js"></script>
</body>
</html>
var book = {
title: "angular"
}
我們為書籍建立一個數據模型對象，為了簡單，我只為book聲明了一個屬性。
controller指的是控制器，它的作用是控制model與view之間的交互。
angular.module("app", ["InputModule"]);
angular.module("InputModule", [])
.controller("InputController", ["$scope", function ($scope) {
var book = {
title: "angular"
}
$scope.book = book;
}]);angular中的MVC思想