ディレクティブから親スコープにアクセス

Question

ディレクティブを作成しましたが、親スコープにアクセスしようとしています。SelectedItemChangeが起動せず、Test1の値にアクセスできません。

app.directive('driverNotes', function ($location) { 
    return { 
     restrict: 'E', 
     transclude: true, 
     templateUrl: "../HtmlTemplates/notesTempl.html", 
     controller: function ($scope, $http) { 

      console.log($scope.$parent.Test1); 

      $scope.SelectedItemChange = function(item) { 
       if (item != undefined || item != null) { 
        console.log(1); 
       } 
      } 
     } 
    } 
}); 

指令テンプレート

<md-input-container class="notesTable" flex-gt-sm ng-disabled="userForm.$invalid" "> 
<table class="notesTable"> 
    <tr><th>Description</th><th>Date</th><th>Down</th><th>Premium</th><th>Date Updated</th></tr> 
    <tr ng-repeat="note in notesSearch"> 

    </tr> 
</table> 
</md-input-container> 

Answer 1

あなたはディレクティブのスコープのプロパティを介してディレクティブに `test1`値を渡す必要がありますscope: true

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

 
app.controller("parentCtrl", function ($scope) { 
 
    $scope.name = 'daddy'; 
 
}); 
 

 
app.directive('child', function ($location) { 
 
    return { 
 
     restrict: 'E', 
 
     template: 'I am a child of {{parentName}}', 
 
     scope: true, 
 
     controller: function ($scope) { 
 
      $scope.parentName = $scope.$parent.name; 
 
     } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp"> 
 
    <div ng-controller="parentCtrl as vm"> 
 
    <child></child> 
 
    </div> 
 
</div>