2016-04-12 13 views
1

ここにはサンプルhttp://codepen.io/anon/pen/ZWrNGWがあります。text/ng-templateのための角の評価が評価されていません

<body layout="column" ng-controller="AppCtrl"> 
    <script type="text/ng-template" id="save-dialog.tmpl.html"> 
     <md-dialog>{{message}}</md-dialog> 
    </script> 
    <md-button ng-click="showDialog()"> 
     Show Dialog</md-button> 
    </body> 

コントローラ

angular.module( '遊び場'、[ 'ngMaterial'])

.controller('AppCtrl', function($scope, $mdDialog) { 
    $scope.showDialog = function() { 
    $mdDialog.show({templateUrl: 'save-dialog.tmpl.html'}) 
    }; 
    $scope.message = 'This message should idsplay on dialog'; 
}); 
{{メッセージ}}テキストに評価されないため

角度発現/ ng-スコープ内で定義されているにもかかわらず、 "Show Dialog"ボタンをクリックするとテンプレートが表示されます。

そう$mdDialogサービスは、新たな孤立スコープを作成し、もちろん何のmessageプロパティは存在しません、あなたが継承する範囲を設定していることを確認し、この

答えて

0

で私を助けてください。

あなたのケースで正しいコード:あなたは、ダイアログの開口部に範囲を追加する必要が

$mdDialog.show({ 
    templateUrl: 'save-dialog.tmpl.html', 
    scope: $scope 
}); 
0

$mdDialog.show({ 
    templateUrl: 'save-dialog.tmpl.html', 
    scope: $scope 
}) 
関連する問題