如何在共享链接中包含Angular应用程序选择

Question

假设我在Angular驱动的购物车或类似示例中选择功能。即......大尺寸，红色，由棉制成。

如何在共享链接中包含这些产品更改？

谢谢

Answer 1

我认为这更像是一个应用程序问题，而不仅仅是一个Angular问题，但您可以在查询字符串中包含这些属性。

www.mysite.com/products?color=red&size=large&material=cotton

在角度中，您可以像这样设置查询字符串：

function AppCtrl($scope, $location) {
    $scope.qs = $location.search();

    $scope.color = $scope.qs.color;
}

这将返回包含所有查询字符串项的对象。 要设置查询字符串，您可以这样做。

function AppCtrl($scope, $location) {
    $scope.setQs = function(size, color) {
        $location.search('size', size);
        $location.search('color', color);
    }
}

您的控制器可以根据这些查询字符串提供项目，因此当您共享链接时，您也可以发送这些属性。希望这会有所帮助。