angular怎么设置全局变量(angular模板使用全局变量)

技术angular怎么设置全局变量本篇内容主要讲解“angular怎么设置全局变量”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“angular怎么设置全局变量”吧!在angu

本篇内容主要讲解"棱角分明怎么设置全局变量",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"棱角分明怎么设置全局变量"吧!

在安古尔里设置全局变量有2个函数,是以定义服务的形式注入进去的,常数()和value(),下面我看来看代码:

divng-controller='myCtrl1 '

button-click=' onclick 1()'请点击我1/按钮

“价值1”

/div

divng-controller='myCtrl2 '

button-click=' onclick 2()'请点击我2/按钮

“价值2”

/div

/body

scripttype='text/javascript '

varapp=angular.module('myApp ',[]);

app.constant('myConstant ',{'value1': '哈哈,' value2':'helloworld ',值3:1 });

app.controller('myCtrl1 ',函数($scope,my instant){ 0

$ scope。onclick 1=function(){ 0

$ scope。值1=我的常数。值1(我的常数。值3);

};

});

app.controller('myCtrl2 ',函数($scope,my instant){ 0

$ scope。onclick 2=function(){ 0

$ scope。值2=我的即时消息。值2(我的即时消息。英国压力单位

ue3);  
     
       };  
    });

<div ng-controller="myCtrl1">  
            <button ng-click="onclick1()">请点击我1</button>  
            `value1`  
        </div>  
        <div ng-controller="myCtrl2">  
            <button ng-click="onclick2()">请点击我2</button>  
              `value2`  
        </div>  
    </body>  
    <script type="text/javascript">  
    var app = angular.module('myApp', []);  
    app.value('myConstant',{"value1":"哈哈","value2":"hello world",value3:1});    
    app.controller('myCtrl1', function($scope,myConstant) {  
        $scope.onclick1 = function() {  
           $scope.value1 = myConstant.value1 + (++myConstant.value3);  
   
       };  
    });  
    app.controller('myCtrl2', function($scope,myConstant) {  
        $scope.onclick2 = function() {  
           $scope.value2 = myConstant.value2 +  (++myConstant.value3);  
     
       };  
    });

上面两个代码运行的结果都是一样的,value3会随着每次点击都会增加,这样再次证明了value和constant设置全局变量的功力,有人问了两个代码运行结果一样,那有什么区别呢?

二者的区别就是value不可在config里注入,constant可以。

 app.constant('myConstant',{"value1":"哈哈哈","value2":"hello world",value3:1});    
    app.value('myValue',{"value1":"哈哈哈","value2":"hello world",value3:1});
    app.config(function(myValue){  
    ..  
    });

运行上面的代码会报错。

 app.config(function(myConstant){  
    //可以得到constant定义的'myConstant'  
    });

到此,相信大家对“angular怎么设置全局变量”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/154113.html

(0)

相关推荐

  • 产品销售明细表,如何用电子表格做销售记录单

    技术产品销售明细表,如何用电子表格做销售记录单1、首先产品销售明细表,新建并打开一个Excel表格,如图所示,输入销售清单的标题和正文。并把标题“商品销售明细清单”字体设为宋体,字号20,所在单元格合并居中。正文的文字居

    生活 2021年10月20日
  • 梅子金黄杏子肥下一句,梅子金黄杏子肥的下一句是什么

    技术梅子金黄杏子肥下一句,梅子金黄杏子肥的下一句是什么梅子金黄杏子肥的下一句是麦花雪白菜花稀梅子金黄杏子肥下一句。原诗为: 四时田园杂兴·其二——范成大 梅子金黄杏子肥,麦花雪白菜花稀。日长篱落无人过,惟有蜻蜓蛱蝶飞。解

    生活 2021年10月26日
  • 银氨溶液化学式,氨与氨气的化学式是什么

    技术银氨溶液化学式,氨与氨气的化学式是什么氨就是氨气…… 化学式 NH3 1银氨溶液化学式、物理性质 相对分子质量 17.031 氨气在标准状况下的密度为0.7081g/L 氨气极易溶于水,溶解度1:700 2、化学性质

    生活 2021年10月30日
  • 如何查看串口被占用端口(电脑虚拟串口端口被占用怎么释放)

    技术如何清除Windows中被占用的COM口/串口及复位端口号本篇文章为大家展示了如何清除Windows中被占用的COM口/串口及复位端口号,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有

    攻略 2021年12月22日
  • 分数化小数,小学生数学分数和小数互化的方法

    技术分数化小数,小学生数学分数和小数互化的方法1. 小数化成分数分数化小数:原来有几位小数,就在1的后面写几个零作分母,把原来的小数去掉小数点作分子,能约分的要约分。 2. 分数化成小数:用分母去除分子。能除尽的就化

    生活 2021年10月28日
  • 分类算法的性能指标(分类算法常见的性能指标有)

    技术Classification算法指标是什么本篇内容介绍了“Classification算法指标是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希

    攻略 2021年12月21日