AngularJS＆＃34;然后＆＃34;设置对象但在部分视图上无法访问对象

Question

民间，

我有以下Button Click调用AngularJS $ scope.getCustomerById方法

<div><button type="button" ng-click="getCustomerById(cust.CustomerNumber);">detail of
{{cust.CustomerNumber}} customer</button>
</div>

现在我的getCustomerById的Controller JS代码如下

$scope.getCustomerById = function (id) {        
CustomerService.getCustomer(id)
.then(function (data) {
$scope.customer = data.data; //which returns data correctly               
$location.path('Customer/' + $scope.customer.CustomerNumber.trim());                
}, function (error) {
alert(error);
});        
};

它也会转到指定视图，但此视图不会呈现客户数据。我的CustomerView很简单，

<div data-ng-controller="CustomerController">
{{ customer.CustomerNumber }}//this doesn't show anything, eventhough $scope.customer     
                             //is set in controller as above
</div>

任何帮助都将非常感激。