【AngularJS】2.AngularJS依赖注入中代码压缩的问题

本文介绍了如何在AngularJS中正确地定义控制器以避免代码压缩过程中出现的问题。通过使用字符串依赖注入,确保了即使在代码被压缩的情况下也能正常工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

定义一个Controller,通常方法是如下代码,但是代码压缩的过程中function里面的参数有可能会变化,$scope有可能会变成$sc,或者是其他(这里的变化不可控制),一旦变化, 下面绑定的值就会出错。

 var app = angular.module("myApp", []);
          app.controller('firstController',function($scope){
              $scope.name='张三';

          });
为了解决这个问题,在function外面加[ ],传入字符串,如下代码所示,因为字符串在压缩的过程中不会改变。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <script type="text/javascript" src="angular.min.js"></script>
    </head>
    <body>
      <div ng-app="myApp">

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

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

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

          }]);

          app.controller('secondController',['$scope','$rootScope',function($scope,$rootScope){
              $scope.name='李四';
              $rootScope.age='30';
          }]);

          console.log(app);

      </script>
       
    </body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值