数组对象在显示为空的同时读取子页面时显示为空html页面 - angular JS

Question

我在我的angualr js文件中有一个数组对象，它试图控制台在js文件中显示结果。当我试图在html文件中使用同一个对象时，它显示为空。

这是到目前为止我的代码：它打印为{}

任何帮助，说我要去哪里错了对话框上

$scope.testarray=[]; 
$rootScope.$on('rootScope:testarray', function() { 
     $scope.testarray = UserDataService.testarray;//this is read from a api service 
     console.log("test"+ $scope.testarray) 
//prints on the console as :: test[object Object] 
$scope.showdialog('testdialog.html'); 
     }); 

$scope.showdialog= function (id) { 

     $mdDialog.show({ 
      scope: $scope.$new(), 
      templateUrl: id 
     }); 
    } 

testdialog.html

<div ng-controller="testCtrl"> <!-- same controller as the above function!--> 

    <div > 
    <div layout="column" layout-padding flex> 

    <b> <span>{{ testarray}}</span></b> 


</div> 

    </div> 
    </div> 

。我没有看到使用问题。

Answer 1

你可能有不同的$scope内部对话这是不是控制器控股testarray

在mddialouge的文档的$scope有一些选项叫做locals: { employee: $scope.userName }

使用locals添加在对话框中使用的本地值。

$mdDialog.show({ 
      controller: 'DialogController', 
      locals: {testarray : $scope.testarray} 
      templateUrl: id 
     }); 

尝试添加该对话框注入locals到控制器。

angular 
.module('yourApp') 
.controller('DialogController', function ($scope, testarray) { 
    // items is injected in the controller, not its scope! 
    $scope.testarray = testarray; 
});