AnjularJS模块的概念

最新推荐文章于 2017-10-11 22:12:14 发布

cfang2005

最新推荐文章于 2017-10-11 22:12:14 发布

阅读量499

点赞数

本文链接：https://blog.csdn.net/cfang2005/article/details/42568017

版权

模块可以帮助我们把变量名称从全局命名空间中隔离出来。
示例代码如下：

<html ng-app='myApp'>  //把ng-app属性设置成模块的名字
<head>
    <title>模块</title>
</head>
<body ng-controller='TextController'>
    <p>{{someText.message}}</p>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript">
        var myAppModule = angular.module('myApp',[]); //创建myApp模块

        myAppModule.controller('TextController',  //把控制器传给myApp模块的controller函数
            function($scope) {
                var someText = {};  //创建模型对象，可以避免一些非预期的行为
                someText.message = 'You have started your journey';
                $scope.someText = someText;
            }
        );
    </script>
</body>
</html>