Tag: angularjs routing

更改URL后，控制器不起作用

简而言之： 我有一个控制器，可以在我的AngularJS网页中触发一些jQuery来淡出播放按钮和相应的图像。 但是，当URL更改时，控制器无法在后续页面上工作。 我正在使用动态URL，我认为这就是我的控制器坏了的原因。 详情 我通过为我的网站应用程序的每个页面添加一个来组织我的控制器。 在这里你可以看到我的路线是如何设置的： angular.module(‘100_Ages’, [‘mydirectives’, ‘ngResponsiveImages’]). config([‘$routeProvider’, function($routeProvider) { $routeProvider. when(‘/100_Ages’, {templateUrl: ‘partials/splash.html’, controller: SplashCtrl}). when(‘/100_Ages/nav’, {templateUrl: ‘partials/nav.html’, controller: NavCtrl}). when(‘/100_Ages/about’, {templateUrl: ‘partials/person-list.html’, controller: AboutCtrl}). when(‘/100_Ages/0’, {templateUrl: ‘partials/splash.html’, controller: SplashCtrl}). when(‘/100_Ages/:personId’, {templateUrl: ‘partials/person.html’, controller: DetailCtrl}). otherwise({redirectTo: ‘/100_Ages’}); }]); 这是有问题的控制器： function DetailCtrl($scope, $routeParams, $http) { // Pull down a JSON file with […]

在页面上以模态打开页面url（Facebook照片url）

PS我在下面的场景中使用html5Mode删除路由中的’＃’ 从AngularJS urls中删除片段标识符（＃符号） 考虑我有两个主要页面。一个是提供缩略图的照片，其url为/someSlug/photos 。 其他是一张照片的url’/ someSlug / photos / somePhotoId’，它显示了特定照片的更大视图。 我的问题是当用户点击照片页面中的somePhoto缩略图时，以模态显示/someSlug/photos/somePhotoId页面（是的，url应更改为/someSlug/photos/somePhotoId ）。 但是，如果用户直接访问它/someSlug/photos/somePhotoId单个照片页应该来。 我可以将单张照片模板包含在我的模态中，但面临路由问题。 打开modal到/ someSlug / photos / somePhotoId时无法更改URL，因为它会打开新页面。 我有两个模块： A->使用并处理照片页面的路径 B->使用和处理单张照片的路线 由于B单照片模板用于’A’，我将’B’的依赖放入’A’。 因此每当我尝试在模态中将URL更改为/ someSlug / photos / somePhotoId时。 B的路由会覆盖作业并打开页面。 最好的例子是facebook照片。 试图创建一个小提琴，但它不给我路由访问。 只需查看Facebook照片url，您就会了解它。 如果您需要更多输入，请告诉我:) 我是angularJS（基础 – >高级舞台）的新手。 任何帮助将受到高度赞赏。