Angularjs 开始之Hello world

来源:互联网 发布:章鱼侠软件 编辑:程序博客网 时间:2024/05/04 20:41

为什么这样写

像所有程序的开始一样,使用 angularjs 也从 Hello world 开始

书写 Html 结构

<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>

输出一个 Hello world

<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>

复制以上 DEMO 到自己的 HTML 文件中,运行即可。

关于如何运行自己的程序,请看那些WEB服务器们

1 0
原创粉丝点击