angularjs 模块化

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="angular.min.js"></script>
<script>var m1 = angular.module('myApp',[]);//m1就是一个模块，ng-app可以写在div等小标签中，
m1.controller('Aaa',function($scope){//控制器名字是Aaa，函数是function,就类似于 function Aaa($scope){    $scope.name = 'hello';}$scope.name = 'hello';
});
m1.controller('Bbb',function($scope){$scope.name = 'hi';
});//为了防止压缩后function形参$scope改变成$s，就要下面的写法。
var m1 = angular.module('myApp',[]);
m1.controller('Aaa',['$scope',function($scope){$scope.name = 'hello';
}]);
m1.controller('Bbb',['$scope',function($scope){$scope.name = 'hi';
}]);/*
function Aaa($scope){$scope.name = 'hello';
}
function Bbb($scope){$scope.name = 'hi';
}*/</script>
</head><body>
<div ng-controller="Aaa"><p>{{name}}</p>
</div>
<div ng-controller="Bbb"><p>{{name}}</p>
</div></body>
</html>

angularjs 模块化相关推荐

中引入文件报错_关于前端开发中的模块化
前端开发离不开模块化,与模块化有关的关键字有以下几个: require/module.exports export/import define/require/exprots define/seajs ...
Web前端行业普遍底薪20K,还有项目提成,你达到了么?教你这一招
我想只要自己肯努力,工资越拿越高存够钱之后,买一栋房子在成都有自己的一席之地房子不用太大但是要把它装饰得很温馨然后买一辆车带上家人去旅游但是回过头来才发现我还在为工资涨了500高兴的时 ...
java p2p开发项目实战(完整)
|____课件.代码.资料 |____P2P项目截图及介绍 |____day16(分组实战) |____day15(分组实战) ...
详细讲解HTML5画布Canvas
因为在整理画布的知识点,结果发现了这个贼厉害的博客,参考原博客:https://blog.csdn.net/u012468376/article/details/73350998 学习HTML5 Ca ...
Angular基础教程
https://www.runoob.com/angularjs/angularjs-tutorial.html 教程文档基本上学完这些,你就能正常的开发项目了,注意是正常开发而不是架构阅读本教程 ...
AngularJS基于模块化的MVC实现
AngularJS基于模块化的MVC实现 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...
AngularJS 杂项知识点
1.要用ngChange要同时使用ngModel,下拉选择获取当前选中值. 2.打包代替动态加载(js文件) requirejs真正的价值在于模块化,不是动态加载,angularjs本身有模块化机制, ...
angularjs 学习笔记简单基础
angularjs是谷歌公司的一个项目,弥补了hml在构建方面的不足,通过指令(directive)来扩展html标签,可以使开发者使用html来声明动态内容. angularjs主要用来开发单页应用 ...
基于angularJS和requireJS的前端架构
1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来 ...

angularjs 模块化

angularjs 模块化相关推荐

最新文章

热门文章