个性化阅读
专注于IT技术分析

angularjs第一个app

点击下载

本文概述

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制作的简单“ 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>
赞(0)
未经允许不得转载:srcmini » angularjs第一个app

评论 抢沙发

评论前必须登录!