$scope in controller is not accessible in view / data binding not working (IONIC/ANGULAR)

Question

In my controller:

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

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

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

In my View:

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

Why I cannot access $scope.selectedContact and even $stateParams.contactId in my view?

$scope is implicit in expressions {{ }} and should not be provided. try {{selectedContact}}. — Claies
– Claies, Commented Jan 13, 2016 at 10:03
use {{selectedContact }} instead of{{ $scope.selectedContact }} — saikumar
– saikumar, Commented Jan 13, 2016 at 10:03

harish gadiya · Accepted Answer · 2016-01-13 10:14:45Z

2

$scope is the connector between the controller and view. In your case you are defining "selectedContact" variable with $scope when you need to print in controller then you need to do like this ( $scope.selectedContact ) or in view you can simple do {{selectedContact}}

answered Jan 13, 2016 at 10:14

harish gadiya

1,9941 gold badge13 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Léo Martin · Accepted Answer · 2016-01-13 10:15:22Z

1

Use {{ var }} to access $scope.var in your view.

answered Jan 13, 2016 at 10:15

Léo Martin

7467 silver badges13 bronze badges

Collectives™ on Stack Overflow

$scope in controller is not accessible in view / data binding not working (IONIC/ANGULAR)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related