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

Could not install ionic using npm
Ionic horizontal scroll not working in mobile device
google recaptcha inside ionic modal in new modal template
Postman PUT with Bearer Token doesn't work
Difference between react and ionic framework
Use Cordova plugin to send and receive SMS with Ionic
using flask+couchdb+couchbase lite
ionic 2 installation requirements
Error install in ionic cordova process
PayuMoney with Ionic 2 Android Application
Equivalent space navigation bar buttons in ionic2
Ionic CLI not updating on MAC
Ionic: reloading current child state from side menu causes loss of header
Ionic 2: How to call parent page function from Popover component
Ionic InAppBrowser Url not changing?
Chatbot implementation for Ionic

Categories

HOME
client
openlayers
gremlin
angular-material
layout
dot
elm
microservices
fingerprint
django-imagekit
node-notifier
esper
synchronization
user-input
windows-azure-storage
remote-access
try-catch
angular-ui
sms-gateway
sox
cultureinfo
claims-based-identity
rst2pdf
buck
libssl
newline
skia
r-raster
sql-server-2012-express
socialengine
create-table
google-qpx-express-api
column-family
form-data
accelerate-framework
mozilla
environment-modules
devextreme
serverside-rendering
sharefile
streamreader
opshub
mesos-chronos
broadcastreceiver
jvm-languages
mime
cubic-spline
long-polling
appcompat
termination
apache-fop
python-c-api
promela
worker-thread
windows-iot-core-10
iso8601
spring-cache
titanium-android
webdriverjs
redundancy
synchronous
messenger
angular-strap
word-vba-mac
angular-cache
gridpane
py2app
testng-dataprovider
livequery
energy
eclipse-clp
wordml
angular-leaflet-directive
cakephp-3.1
sysinternals
generic-programming
mmc
bigbluebutton
dia
gadt
client-side-templating
document-classification
poller
jboss-weld
imdbpy
industrial
sitemesh
jmapviewer
quartz-graphics
dbconnection
jplaton
padarn
rabl
hungarian-algorithm
orchardcms-1.7
cassini-dev
isnullorempty
automount
newtonscript
ocx
buildr
coercion
f#-powerpack
horizontal-accordion
servicehost
digest-authentication
preference
ncqrs
uimenucontroller

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App