溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Model-View-Controller
在20世紀80年代為程序語言
Smalltalk發明的一種軟件架構。MVC模式的目的是實現一種動態的程序設計，使后續對程序的修改和擴展簡化，并且使程序某一部分的重復利用成為可能。除此之外，此模式通過對復雜度的簡化，使程序結構更加直觀。軟件系統通過對自身基本部分分離的同時也賦予了各個基本部分應有的功能。專業人員可以通過自身的專長分組：
控制器（Controller）- 負責轉發請求，對請求進行處理。
視圖（View） - 界面設計人員進行圖形界面設計。
模型（Model） - 程序員編寫程序應有的功能（實現算法等等）、數據庫專家進行數據管理和數據庫設計(可以實現具體的功能)。
在AngularJS應用中，MVC設計模式通過JavaScript和HTML來實現。使用HTML定義視圖，用JavaScript實現模型和控制器。
在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>
AngularJS應用大多是是SPA(Single Page Application)應用，當前頁面只是展示了應用的一部分內容，通過ng-view去加載更多的視圖內容。含有ng-view的html文件如下:
<!DOCTYPE html><html><head><title>Hack Hands Angular - Demos</title><meta charset="utf-8" /></head><body><h2>Hack Hands Angular Demos</h2><div ng-view><div id="messageTitle"></div><div id="message">Hello World</div></div></body></html>
應用的控制器，本質上它是一個JavaScript的函數，用于銜接頁面模板和邏輯代碼，并通過添加對象和行為來增強模板中作用域的功能在AngularJS中，可以在標簽上使用ng-controller指令指定，也可以在配置ui-view的情況下，在路由里面指定。
// Code goes herevar hackApp = angular.module("hackApp", []);var indexController = hackApp.controller("indexController", function($scope) {
// controller logic goes here
$scope.message = "Hello Hacking World"});Model屬于數據層，它即可以表示整個Anglar應用的數據模型對象，也可以只表示某個實體對象
Model數據模型對象依附于作用域，無論是整個模型對象或某個實體對象，都必須被Angular的作用域以屬性的方式進行引用，這種引用可以顯式或隱式的進行創建。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
