AngularJS-模块化

来源：互联网发布：linux 禁止ip访问编辑：程序博客网时间：2024/05/21 13:40

- 概念
- 基本书写格式

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