使用angular写一个hello world

时间:2022-08-26 17:25:18

angularjs遵循MVC模式,惯例来一个hello world吧

 

复制代码 代码如下:

<html ng-app>
<head>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
</head>
<body>
    <div ng-controller='HelloController'>
        <p>{{greeting.text}}, world</p>
    </div>
</body>
</html>

 

controllers.js中的内容

 

复制代码 代码如下:

function HelloController($scope) {
    $scope.greeting = { text: "Hello"};
}

 

MVC写起来很不错的感觉~~