「範圍」的指導鏈接功能是根範圍，而不是指令範圍

Question

我有一個指令，如下所示

.directive('ticketingChat', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '/Reply/ReplyScreen', //cshtml from MVC page 
     controller: 'TicketingChatController', 
     link: function (scope, el, attr) { 
      scope.writingTo = "Hey there!"; 
     } 
    } 
}) 

我認爲這將創造它自己的範圍，「範圍」可以讓我訪問它。

相反，NG-檢查表明我說：

「範圍」 其實，根範圍內。我如何強制指令創建它自己的子範圍？ 如何從鏈接功能訪問該範圍？

Answer 1

在指令定義對象中設置scope: true會使AngularJS創建一個繼承的子作用域。將scope設置爲對象將創建一個獨立的子範圍。

例如：

.directive('ticketingChat', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '/Reply/ReplyScreen', 
     controller: 'TicketingChatController', 
     scope: true, 
     link: function (scope, el, attr) { 
      scope.writingTo = "Hey there!"; // This will be set on the child scope because we have scope: true. 
     } 
    } 
}) 

見the docs，瞭解有關scope特性的詳細信息。