ionic-framework


Ionic Unable to view object


I am unable to view object in the page. Can someone help to take a look what am i missing here ? I have my code in code pen http://codepen.io/ccrash/pen/wWXVGj . Really need someone to help out. When I clicked on the list in mainpage, it should bring me to the second page where user details should be displayed. But, I am not seeing any details here.
In App.js
.state('app.person', {
url: "/person/:personId",
views: {
'menuContent': {
templateUrl: "templates/people-detail.html",
controller: 'PersonDetailCtrl'
}
}
})
Controller.js
.controller('PersonDetailCtrl', function($scope, $stateParams, Session, $state, $ionicHistory) {
var Persons = [
{id: 1, name: 'Mickey', Tel: '12345'},
{id: 2, name: 'Donald', Tel: '23444'},
{id: 3, name: 'Goofy', Tel: '12323'}
];
$scope.person = Persons[$stateParams.personId];
})
In people-detail.html
<ion-content ng-controller="PersonDetailCtrl" class="background">
<div>
<i class="{{person.id}}"> </i>
</div>
<div>
<i class="{{person.name}}"> </i>
</div>
</ion-content>
This $scope.person = Persons[$stateParams.locationId]; should be $scope.person = Persons[$stateParams.personId];

Related Links

How to retain view\page state in ionic 2?
Ionic - show splash screen until the first image loads
Connecting to external database from Backand
Pass parameter to all tabs [IONIC]
what are all the packages,plugins,dependencies need for build a ionic 2 app?
How to avoid ionic CLI params being override with defaults
Show waze map in my ionic app
Handling routes in Ionic App
Tokbox video floating and not fitting in parent div when cordova-plugin-facebook4 installed in the app
menu-close attritube in ionic makes back button disappears
Ionic footer moves up when i write on mobile
Ionic PushNotification is not defined
Ionic with crosswalk crash on open android 7
Ionic2 not recognized as external
Ionic 2 Storage vs Pouch DB
radial progress bar to ionic v.2?

Categories

HOME
log4j
date
keras
push-notification
google-play
react-router
jsp-tags
spring-cloud-stream
leon
jsrender
fancybox
amazon-cloudformation
adobe-analytics
volttron
correlation
decimal
netflix
transformation
ef-migrations
sms-gateway
code-review
beyondcompare
samoa
lucene.net
predix
scriptcs
facebook-instant-articles
sox
extjs5
microsoft-r
emgucv
tdd
qhull
unboundid
javascriptcore
perlin-noise
phpfreechat
windows-dev-center
asset-pipeline
cloud-code
html5-fullscreen
swisscomdev
gesture
serverside-rendering
unspecified
modelmapper
wso2carbon
menuitem
user-accounts
chain-builder
filepicker
upstart
atomicity
return-value
svmlight
libusb-win32
google-perftools
akka-cluster
python-cryptography
webdriverjs
minimization
query-performance
word-vba-mac
xcb
deadbolt-2
pcf
player
contact-list
pagedlist
sigabrt
hover-over
livequery
rhino-servicebus
tform
rtbkit
django-unittest
feedback
umbraco6
pick
xc16
device-manager
mysql-error-1062
bundles
centos5
page-layout
soundtouch
excel-2003
eclipse-memory-analyzer
gwt-rpc
eventual-consistency
cassini-dev
wsdl-2.0
chuck
trusted
funscript
hgsubversion
doh
gcj
netbeans-7.1
w3wp.exe
gamma
suppress
meego
mediarss
dbisam
data-acquisition

Resources

Database Users
RDBMS discuss
Database Dev&Adm
javascript
java
csharp
php
android
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App