AngularJS-模块化

最新推荐文章于 2019-04-16 10:00:15 发布

超级小码丽

最新推荐文章于 2019-04-16 10:00:15 发布

阅读量1.5k

点赞数

分类专栏：前端框架—AngularJS 文章标签：模块化

本文链接：https://blog.csdn.net/baozhuona/article/details/53352694

版权

前端框架—AngularJS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

- 概念
- 基本书写格式

1.概念：

一个应用（APP，本身也是一个大模块）是由若干个模块（module）组成的，每个模块实现一个功能。利于代码的复用。

2.基本书写格式

<!DOCTYPE html>

<!-- 4.将应用模块绑定到任意标签，一般一个页面只绑定一个模块到最大的作用域 -->
<html lang="en" ng-app='App'>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<!-- 5.将控制器绑定到视图上，这个div下就可以使用该控制器的数据 -->
    <div ng-controller='myController'>
        <h1>angular基本结构</h1>
        <ul>
            <li ng-bind='arr[0].name' ></li>
            <li ng-bind='arr[0].age' ></li>
        </ul>
    </div>
</body>

<!-- 1.引入angular包 -->
<script src = 'angular.min.js'></script>

<script>

//2.AngularJS对外暴露了一个全局对象angular，调用他的方法创建模块
//参数1：模块名称；参数2：此模块依赖的其他模块
    var app = angular.module('App',[]);

// 3.用模块对象的方法去创建控制器
    app.controller('myController',['$scope',function ($scope) {

        // 4.$scope为模型对象，将数据绑定到他身上
        $scope.arr = [
            {
                name:'狗剩',
                age:'3'
            },
            {
                name:'铁柱',
                age:'2'
            }
        ]
    }])
</script>
</html>

超级小码丽

关注

0
点赞
踩
0

收藏

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

概念基本书写格式1.概念：一个应用（APP，本身也是一个大模块）是由若干个模块（module）组成的，每个模块实现一个功能。利于代码的复用。2.基本书写格式<!DOCTYPE html><html lang="en" ng-app='App'><head> <meta charset="UTF-8"
复制链接

扫一扫

专栏目录