控制器值犯規綁定時使用控制器作爲語法

Question

我使用控制器作爲語法，並試圖將數據加載到按鈕模式點擊

HTML：

<md-dialog ng-cloak class="promptIncludeExclude-options"> 
<md-toolbar class="promptIncludeExclude-header"> 
    <div class="md-toolbar-tools"> 
     <span class="title">{{vm.title}}</span> 
     <span flex></span> 
     <md-button class="md-icon-button" ng-click="dialogCartController.closeDialog()"> 
      <span class="close-dialog">&#10005;</span> 
     </md-button> 
    </div> 
</md-toolbar> 
<md-dialog-content> 
    {{vm.body}} 
</md-dialog-content> 
<md-dialog-actions layout="row"> 
    <div flex="25" flex-offset="25"><md-button ng-click="dialogCartController.closeDialog()" >{{vm.button1}}</md-button></div> 
    <div flex="50" flex-offset="20" ><md-button ng-click="dialogCartController.closeDialog()">{{vm.button2}}</md-button></div> 
</md-dialog-actions> 

JS：

(function() { 
    'use strict'; 

    module.exports = ['$mdDialog', 'items', function($mdDialog, items) { 
     debugger 
     var vm = this; 
     var data = [{ 
       "id": 1, 
       "title": "Product Inclusion Notification", 
       "body": "something", 
       "button1": "proceed", 
       "button2": "No Thanks" 
      } 

     ]; 
     angular.forEach(data, function(value, key){ 
      if(value.id==parseInt(items)){ 
       vm.title=value.title; 
       vm.body=value.body; 
       vm.button1=value.button1; 
       vm.button2=value.button2; 
      } 
     }); 
     vm.closeDialog = function() { 
      $mdDialog.hide(); 
     }; 

    }]; 
})(); 

上按鈕點擊功能：

vm.handleCartOptions = function(data) {debugger 

     $mdDialog.show({ 
      clickOutsideToClose: false, 
      scope: $scope, // use parent scope in template 
      preserveScope: true, // do not forget this if use parent scope 
      template: require('./promptIncludeExcludeDialog/promptIncludeExclude.dialog.html'), 
      controller: require('./promptIncludeExcludeDialog/promptIncludeExclude.dialog.js'), 
      controllerAs: "dialogCartController", 
      locals: { 
       items: data// on click button value 
      } 
     }); 

    } 

但是標題，正文和按鈕，而不是值越來越綁定到HTML

任何幫助，將不勝感激

Answer 1

您定義controllerAs: "dialogCartController"但試圖引用vm.title。

嘗試dialogCartController.title或controllerAs: "vm"。