Question

我有显示详细信息按钮：

<button class="details" ng-click="ShowDetail(pin)"></button>

当用户点击该按钮时，它会调用api（json）然后显示部分视图，其中包含该特定引脚的数据，但是在url中没有发生。我的问题是如何在url中传递参数，然后当用户打开该url以获取该特定引脚数据的部分视图时。

Answer 1

我们正在使用$ stateProvider。请参阅我们的实施：


angular.module('edo.zending', ['ui.router', 'ui.date', 'ngResource']).config(function ($httpProvider, $stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('root.zending', {
      url: "/zending/{zendingId}/{documentId}",
      // Setting value: null makes the parameter optional
      params: {
        zendingId: {
          value: null
        },
        documentId: {
          value: null
        }
      },
      views: {
        '@': {
          templateUrl: 'modules/zending/views/zending.html',
          controller: 'ZendingCtrl'
        }
      }
    });

});

我的网址现在可以是：... / zending或... / zending / 1或... / zending / 1/1（使用任意数字或值）

在我的控制器中我现在可以使用这些参数

$scope.zendingId = $rootScope.$stateParams.zendingId;
$scope.documentId = $rootScope.$stateParams.documentId;

您可以根据自己的需要应用同样的原则。

注意：当您提供非常有限的信息时，很难给出合适的答案

如何根据网址打开弹出窗口？

1 个答案: