<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://code.angularjs.org/1.5.8/angular.js"></script>
<script src="https://code.angularjs.org/1.5.8/angular-route.js"></script>
</head>
<body>
<p ng-view></p>
<script type="text/javascript">
var app=angular.module("myApp",['ngRoute']);
app.config(function($routeProvider){
$routeProvider.when("/",{
controller:"listController",
templateUrl:'list.html'
}).
when("/view/:id",{
controller:"detailController",
templateUrl:"detail.html"
}).
otherwise({
redirectTo:'/'
})
});
var msg=[
{
id:0,date:'2014-1-1',info:"aaaaaa",sender:"BB",detail:"fhjdskgfdlgfdlsgfydl"
},{
id:2,date:'2015-1-1',info:"bbbb",sender:"AA",detail:"aaaaaaaaaaaaaaaaa"
},{
id:3,date:'2016-1-1',info:"cccc",sender:"CC",detail:"bbbbbbbbbbb"
},{
id:4,date:'2017-1-1',info:"dddd",sender:"DD",detail:"vvvvvvvvvvvvv"
},{
id:5,date:'2018-1-1',info:"fffff",sender:"GG",detail:"dsadsasssssssss"
},{
id:6,date:'2019-1-1',info:"eqrq",sender:"RR",detail:"fhjdskgfdlgfdlsgfydl"
},{
id:7,date:'2014-11-1',info:"3213213",sender:"MM",detail:"fhjdskgfdlgfdlsgfydl"
}
];
app.controller("listController",function($scope){
$scope.messages=msg;
});
app.controller("detailController",function($scope,$routeParams){
console.log($routeParams);//為什么打印的是這個(gè)?id:"{{}message.id}"
alert($routeParams);
$scope.detailmsg=msg[$routeParams.id];
});
</script>
</body>
</html>
-------list.html---------------
<table>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
</tr>
<tr ng-repeat="message in messages">
<td>{{message.sender}}</td>
<td><a href="#/view/{{}message.id}">{{message.info}}</a></td>
</tr>
</table>
----------detail.html:detailmsg.sender沒(méi)有報(bào)錯(cuò),但卻不能顯示數(shù)據(jù)?--------------
<p>{{detailmsg}}</p>
<p>{{detailmsg.sender}}</p>
<p>111111</p>
<a href="#/">back home</a>
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...