亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

angular.extend方法的具體使用

 更新時間:2017年09月14日 09:39:53   作者:itsonglin  
本篇文章主要介紹了angular.extend方法的具體使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

AngularJs的angular.extend()方法可以把一個或多個對象中的方法和屬性擴展到一個目的對象中,使得這個對象擁有其他對象相同的方法和屬性,如下圖所示。

angular.extends()方法的第一個參數(shù)是要被擴展的對象,后面可以傳入一個或多個對象。

如果想要保存一個對象的狀態(tài),除了可以調(diào)用angular.copy()方法外,還可以把一個空對象{}作為第一個對象傳入。

但要注意的是,angular.extends()是非遞歸的,也就是說:如果擴展的屬性中有對象,那么二者同時引用同一個對象!

下面這個例子證實了這個說法:

<!DOCTYPE html> 
<html ng-app="extendApp"> 
<head> 
  <meta charset="UTF-8"> 
  <title></title> 
 
  <script src="../js/angular.js"></script> 
  <script type="text/javascript"> 
    angular.module("extendApp", []) 
        .controller("extendController", function($scope) 
        { 
          $scope.baby = 
          { 
            cry : function() 
            { 
              console.log("I can only cry!"); 
            } 
          } 
 
          $scope.adult = 
          { 
            earn : function() 
            { 
              console.log("I can earn money!"); 
            }, 
 
            lover: 
            { 
              love:function() 
              { 
                console.log("I love you!"); 
              } 
            } 
          } 
 
          $scope.human = {} 
 
          $scope.hehe = "hehe "; 
 
          $scope.extend = function() 
          { 
            angular.extend($scope.human, $scope.baby, $scope.adult); 
            $scope.human.cry(); 
            $scope.human.earn(); 
 
            <!-- 注意,這里修改了lover對象的love()方法,由于extends()方法不是深復制的,$scope.human 
             和$scope.adult其實引用的是同一個對象--> 
            $scope.human.lover.love = function() 
            { 
              console.log("I hate you!"); 
            } 
 
            <!-- 這兩行都會輸出“I hate you !",可憐的adult對象, 
            他把自己的lover分享給了human! --> 
            $scope.human.lover.love(); 
            $scope.adult.lover.love(); 
 
 
          } 
        }); 
  </script> 
</head> 
<body> 
 
<div ng-controller="extendController"> 
 
  <button ng-click="extend()">點擊我!</button> 
 
</div> 
</body> 
</html> 

控制臺的打印結(jié)果如下:

I can only cry! 
I can earn money! 
I hate you! 
I hate you! 

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家

您可能感興趣的文章:

相關(guān)文章

  • 舉例簡介AngularJS的內(nèi)部語言環(huán)境

    舉例簡介AngularJS的內(nèi)部語言環(huán)境

    這篇文章主要介紹了AngularJS的內(nèi)部語言環(huán)境,展示不同語言環(huán)境下對貨幣或是日期等文本方面所產(chǎn)生的影響,需要的朋友可以參考下
    2015-06-06
  • Angular2學習教程之組件中的DOM操作詳解

    Angular2學習教程之組件中的DOM操作詳解

    這篇文章主要給大家介紹了Angular2學習教程之組件中DOM操作的相關(guān)資料,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面跟著小編一起來看看吧。
    2017-05-05
  • 詳解如何構(gòu)建一個Angular6的第三方npm包

    詳解如何構(gòu)建一個Angular6的第三方npm包

    這篇文章主要介紹了詳解如何構(gòu)建一個Angular6的第三方npm包,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • Angular使用$http.jsonp發(fā)送跨站請求的方法

    Angular使用$http.jsonp發(fā)送跨站請求的方法

    這篇文章主要介紹了Angular使用$http.jsonp發(fā)送跨站請求的方法,結(jié)合實例形式分析了$http.jsonp發(fā)送跨站請求遇到的問題與相應(yīng)的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下
    2017-03-03
  • angularjs實現(xiàn)多張圖片上傳并預覽功能

    angularjs實現(xiàn)多張圖片上傳并預覽功能

    這篇文章主要為大家詳細介紹了angularjs實現(xiàn)多張圖片上傳并預覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • AngularJS使用angular-formly進行表單驗證

    AngularJS使用angular-formly進行表單驗證

    這篇文章主要介紹了AngularJS使用angular-formly進行表單驗證的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • AngularJs Forms詳解及簡單示例

    AngularJs Forms詳解及簡單示例

    本文主要介紹AngularJs Forms,這里整理了相關(guān)資料及簡單示例代碼,有需要的朋友可以參考下
    2016-09-09
  • 全面解析Angular中$Apply()及$Digest()的區(qū)別

    全面解析Angular中$Apply()及$Digest()的區(qū)別

    $apply()和$digest()在AngularJS中是兩個核心概念,但是有時候它們又讓人困惑。這篇文章主要介紹了Angular中$Apply()及$Digest()區(qū)別詳細說明的相關(guān)資料,需要的朋友可以參考下
    2016-08-08
  • 淺談angularjs module返回對象的坑(推薦)

    淺談angularjs module返回對象的坑(推薦)

    下面小編就為大家?guī)硪黄獪\談angularjs module返回對象的坑(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • Angularjs 1.3 中的$parse實例代碼

    Angularjs 1.3 中的$parse實例代碼

    本文通過實例代碼給大家介紹了angularjs $parse的相關(guān)知識,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-09-09

最新評論