當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
AngularJS-模块化
生活随笔
收集整理的這篇文章主要介紹了
AngularJS-模块化
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- 概念
- 基本書寫格式
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>總結
以上是生活随笔為你收集整理的AngularJS-模块化的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： latex---插入三线表伪代码流程图
- 下一篇： 使用selenium自动化工具爬取微博内