AngularJS中文参考手册 /AngularJS 应用

AngularJS 应用


现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web application,SPA)了。


AngularJS 应用实例

您已经学习了足够多关于 AngularJS 的知识,现在可以开始创建您的第一个 AngularJS 应用程序:


应用程序讲解

实例

     

我的笔记

剩余字数:


运行实例 »

点击 "运行实例" 按钮查看在线实例

应用程序文件 "myNoteApp.js":

var app = angular.module("myNoteApp", []);

控制器文件 "myNoteCtrl.js":

app.controller("myNoteCtrl", function($scope) {
$scope.message = "";
$scope.left = function() {return 100 - $scope.message.length;};
$scope.clear = function() {$scope.message = "";};
$scope.save = function() {alert("Note Saved");};
});

元素是 AngularJS 应用: ng-app="myNoteApp" 的容器:

< html ng-app= "myNoteApp" >

是 HTML 页面中控制器: ng-controller="myNoteCtrl" 的作用域:

< div ng-controller= "myNoteCtrl" >

ng-model指令绑定了