角度角度からコントローラースコープにアクセスする方法

Question

角度を学習しています。そのため、コントローラスコープからの指示にアクセスすることができません。 $ scope.vojtaは、私が指令から印刷したいコントローラーに取り込まれています。

<div ng-controller="Controller"> 
    <my-customer ></my-customer> 
</div> 

angular.module('docsIsolationExample', []) 
.controller('Controller', ['$scope', function($scope) { 
    //$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' }; 
    $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' }; 
}]) 
.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    /* 
    scope: { 
     customerInfo: '=info' 
    }, 
    */ 
    template: 'Name: {{vojta.name}} Address: {{vojta.address}}' 

    }; 
}); 

名前または住所が印刷されていません。私はどこでミスをしたのか理解できません。いくつかの提案を探しています。ここでフィドルhttps://jsfiddle.net/tridip/3g9yddf5/

Answer 1

あなたはディレクティブの孤立範囲内​​を持っているとして、それは、ディレクティブ内のcustomerInfoスコープ変数で利用可能なことができるように、あなたは、（属性の別名として使用している）info属性から値を渡す必要があります。

<my-customer info="vojta"></my-customer> 

次に、顧客情報を渡したcustomerInfoを使用するように指示テンプレートを変更します。

template: 'Name: {{customerInfo.name}} Address: {{customerInfo.address}}' 

Demo Fiddle

Answer 2

我々は、単離されたスコープを使用せずに以下のコードによって指令からコントローラスコープにアクセスすることができます。

<div ng-app="docsIsolationExample" ng-controller="Controller"> 
    <my-customer></my-customer> 
</div> 

angular.module('docsIsolationExample', []) 
.controller('Controller', ['$scope', function($scope) { 
    //$scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' }; 
    $scope.vojta = { name: 'Vojta', address: '3456 Somewhere Else' }; 
}]) 
.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    /* 
    scope: { 
     customerInfo: '=info' 
    },*/ 

    template: 'Name: {{vojta.name}} Address: {{vojta.address}}' 

    }; 
}); 

jsfiddle https://jsfiddle.net/tridip/3g9yddf5/3/