AngularJs 簡單樣本

一、簡介

Angularjs作為前端mvc架構，可以說是非常顯眼，使用來來也比較簡單。本文章只記錄一個簡單的demo，AngularJs的官網有很多使用的介紹，如果想學習AnjularJs請跳過此文章直接查看http://angularjs.org/ 或者 http://docs.angularjs.org/guide/

二、樣本

AngularJs<script type="text/javascript" src="js/angular.js"></script>姓名:{{ name }}<script type="text/javascript">var AngularApp = angular.module('AngularApp', []);AngularApp.controller('GreetingCtrl', function($scope, $http,$timeout, $filter) {//初始化頁面$http({method : 'GET',url : '/myapp/dataServlet',}).success(function(data, status, headers, config) {$scope.loadDataFun(data);}).error(function(data, status, headers, config) {//alert(status);$scope.name="未知";});$scope.loadDataFun = function(dataVo) {$scope.name = dataVo.name;}});</script>