angular模块控制器分离入门一

最新推荐文章于 2021-06-20 23:26:05 发布

himici

最新推荐文章于 2021-06-20 23:26:05 发布

阅读量703

点赞数 1

文章标签： angular 模块-控制器

本文链接：https://blog.csdn.net/u012184853/article/details/50145395

版权

本文是关于Angular框架中模块和控制器分离的初步介绍，通过一个简单的实例，展示如何在Angular应用中实现模块和控制器的有效分离，提升代码组织和维护性。

摘要由CSDN通过智能技术生成

angular是非常火的H5架包，现在就简单分享一个anjular 模块控制器分离的简单例子

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="js/angular-1.3.0.js"></script>
    </head>
    <body>
        <div ng-app="myApp">

          <div ng-controller="firstController">
              {{name}}
              {{age}}

              <div ng-controller="secondController">
                  {{name}}
                  {{age}}
                  {{sex}}
              </div>
          </div>

          {{sex}}

      </div>
    <script type="text/javascript">
        var app = angular.module("myApp",[]);
        app.controller('firstController',['$scope',function($scope){
            $scope.name='zhangsan';
        }]);    

        app.controller('secondController',['$scope','$rootScope',function($scope,$rootScope){
            $scope.name='lisi';
            $rootScope.age = '30';
        }]);
    </script>
    </body>
</html>

himici

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular模块控制器分离入门一

angular是非常火的H5架包，现在就简单分享一个anjular 模块控制器分离的简单例子<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/angular-1.3.0.js"><
复制链接

扫一扫