javascript - AngularJS $location.search

Question

我正在创建一个电子商务平台，并且我有一个 JSON 格式的产品列表，我正在从中读取它。我希望它起作用的方式是我可以放置如下内容:

{{products.products[parseInt(window.location.search)]}}

我当前的代码:

product.controller('products', ['$http', '$location',
    function ($http, $location) {

        var store = this;


        console.log = $location.search();
        this.id = $location.search();

        store.products = [];
        $http.get('http://adambkeim.com/js/data.json').success(function (data) {
           store.products = data;
        }).error(function (data, status, headers, config) {
            console.log(status);
            console.log(data);
        });

    }
]);

然后在主页中:

<div class="container">

    <!-- Main component for a primary marketing message or call to action -->
    <div class="jumbotron" ng-controller="products as products">
        <h1 style="color: green;">{{products.products[products.id].name}}</h1>
        <p>{{products.products[0].desc}}</p>
        <p>To see the difference between static and fixed top navbars, just scroll.</p>
        <p>
            <a class="btn btn-lg btn-success" href="/products/products.html?id=0" role="button">Learn More</a>
        </p>
    </div>

</div>

现在，parseInt 或 window.location 都没有获取任何值，当我尝试打印到控制台时，它无法打印出任何内容。

Answer 1

我也遇到了同样的问题，现在你可以这样做:

$location.search().id