控制器中的 $scope 在视图中不可访问/数据绑定不起作用 (IONIC/ANGULAR)

Question

在我的控制器中：

.controller('ContactCtrl', function($scope, $stateParams, lodash) {

$scope.selectedContact = lodash.findWhere($scope.businesscards, { Id: parseInt($stateParams.contactId) });

console.log($scope.selectedContact);
 });

在我看来：

<div class="item">
{{ $scope.selectedContact }}
<h2>{{ $scope.selectedContact.Full_Name }}</h2>
<p>{{ $scope.selectedContact.Company | uppercase }}</p>
</div>

为什么我无法访问$scope.selectedContact甚至$stateParams.contactId？

Answer 1

$scope 是控制器和视图之间的连接器。在您的情况下，当您需要在控制器中打印时，您正在使用 $scope 定义 "selectedContact" 变量，然后您需要这样做（ $scope.selectedContact ）或者在视图中您可以简单地执行 {{selectedContact}}

Answer 2

使用 {{ var }} 在您的视图中访问 $scope.var。