angularjs第一个app angularjs第一个app|AngularJS教程

本文概述

AngularJS第一个例子

AngularJS应用程序是HTML和JavaScript的混合体。你需要的第一件事是HTML页面。

< !DOCTYPE html> < html> < head> . . < /head> < body> . . < /body> < /html>

其次，你需要在HTML页面中包含AngularJS JavaScript文件，以便我们可以使用AngularJS：

< !DOCTYPE html> < html> < head> < script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js">< /script> < /head> < body> . . < /body> < /html>

注意：你应该始终使用最新版本的AngularJS，因此不必使用与上述示例相同的版本。
AngularJS第一个例子【angularjs第一个app】以下是使用AngularJS制作的简单“ Hello Word”示例。它指定了AngularJS应用的Model，View，Controller部分。

< !DOCTYPE html> < html lang="en"> < head> < script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js">< /script> < /head> < body ng-app="myapp"> < div ng-controller="HelloController" > < h2>Hello {{helloTo.title}} !< /h2> < /div>< script> angular.module("myapp", []) .controller("HelloController", function($scope) { $scope.helloTo = {}; $scope.helloTo.title = "World, AngularJS"; } ); < /script> < /body> < /html>

查看组件

< div ng-controller="HelloController" > < h2>Hello {{helloTo.title}} !< /h2> < /div>

控制器部分

< script> angular.module("myapp", []) .controller("HelloController", function($scope) { $scope.helloTo = {}; $scope.helloTo.title = "World, AngularJS"; }); < /script>