亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

angular.js - Why doesn't angualr $routeParms work?
高洛峰
高洛峰 2017-05-15 17:08:30
0
2
662
<!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ò)人氣名人講師,...

reply all(2)
我想大聲告訴你

Careless coding error href="#/view/{{}message.id}"

Peter_Zhu

If you use angular-uiroute, just use state.go (page name).

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template