AngularJS 模块化

最新推荐文章于 2024-06-22 09:43:24 发布

美食花宴

最新推荐文章于 2024-06-22 09:43:24 发布

阅读量277

点赞数

分类专栏： web 文章标签： web angularjs 模块化

本文链接：https://blog.csdn.net/sun0789/article/details/53225300

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AngularJS 模块化</title>
</head>
<body>



<div class="box" ng-app="App">

<div ng-controller="DemoContoller">
<h1>{{name}}在{{school}}学习使用AngularJS</h1>
<ul>
<li ng-repeat="(key, course) in courses">第{{key+1}}天：{{course}}</li>
</ul>
</div>
</div>


<script src="./libs/angular.min.js"></script>
<script>

// 提供一个全局对象angular，在此对象下有N多方法
// 其中module方法可以帮我们创建一个模块
var App = angular.module('App', []);

// App就是新创建的模块，这个模块又是一个对象
// 在此对象下又有N多方法，可以实现具体业务逻辑

// 其它controller可以创建一个控制器
App.controller('DemoContoller', ['$scope', function ($scope) {
// $scope 是一个空对象{}，此对象就是Model

$scope.name = '皮卡丘';
$scope.school = '第一幼儿园';

$scope.courses = [
'MVC',
'指令',
'模块化'
]

}]);

</script>
</body>
</html>

美食花宴

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS 模块化

AngularJS 模块化{{name}}在{{school}}学习使用AngularJS第{{key+1}}天：{{course}}// 提供一个全局对象angular，在此对象下有N多方法// 其中module方法可以帮我们创建一个模块var App = angular.module('App', []
复制链接

扫一扫