angularjs 路由参数

转载于 2016-11-23 02:00:00 发布

· 131 阅读

版权

原文链接：http://www.cnblogs.com/SilenceTom/p/6092270.html

本文详细介绍了在AngularJS中使用UI-Router进行路由配置和状态管理的方法。通过实例展示了如何定义不同URL路径对应的状态，包括参数传递、控制器定义及视图渲染。同时，文章还涉及了如何在视图中使用指令进行链接跳转，以及如何在控制器中获取URL参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.state('classrooms',{
    url: '/classrooms/:id'
})
.state('classrooms',{
    url: '/classrooms/{id}'
})
.state('activities',{
    url: '/activities',
    params: {
        id: { value: 42}
    }
})

localhost:3000/#/classrooms/3

function ClassroomController($stateParams){
    var classroomID = $stateParams.id;
}

<tr ng-repeat="classroom in classrooms.allClassrooms">
    <td><a href="#/classrooms/{{classroom.id}}/details">{{classroom.name}}</a></td>
    <td>{{classroom.school.name}}</td>
    <td><a ui-sref="classroom_summary({id: classroom.id})">{{classroom.teacher}}</a></td>
</tr>

转载于:https://www.cnblogs.com/SilenceTom/p/6092270.html