TA的每日心情 | 开心 2021-12-13 21:45 |
---|
签到天数: 15 天 [LV.4]偶尔看看III
|
为什么这样写
像所有程序的开始一样,使用 angularjs 也从 Hello world 开始
书写 HTML 结构
- [code]<html>
- <head>
- <title>学习 Angularjs1.x</title>
- </head>
- <body ng-app="MyApplication">
- <script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.min.js"></script>
- <script type="text/javascript"> // 这里是 JS 代码 </script>
- </body>
- </html>
复制代码 [/code]
输出一个 Hello world
- [code]<html ng-app="MyApplication">
- <head>
- <title>学习 Angularjs1.x</title>
- </head>
- <body ng-controller="HelloWorld">
- <div ng-bind="text"></div>
- <script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.min.js"></script>
- <script type="text/javascript"> // 这里是 JS 代码 angular.module("MyApplication", []) .controller("HelloWorld", ["$scope", function($scope){ $scope.text = "Hello world"; }]); </script>
- </body>
- </html>
复制代码 [/code]
复制以上 DEMO 到自己的 HTML 文件中,运行即可。
关于如何运行自己的程序,请看那些WEB服务器们
|
|