$scope in href - AngularJS

Question

我有一个数组，如下所示；

$scope.cart = [];

这包含id、名称等项目。

如何将项目包括在href中，如下所示；

<a href="http://www.example.co.uk/search-menu/{{$scope.cart.restaurant_id}}/test">

这行不通。

我也尝试过使用ng-repeat=item in cart

FYI当我console.log($scope.cart)时，我得到以下内容；

[Object]
0: Object
cookie_id: "j0m3hdkf4c371nueajdi9gf4f3"
date: "0000-00-00"
day: ""
id: "92"
location: ""
restaurant_id: "1"
time: "00:00:00"
user_id: "63"

Answer 1

双向数据绑定的魔力

在angularjs 中使用ng-href指令

删除锚点标签中的$scope。您可以直接访问视图部分中的作用域变量。在控制器部分，我们只使用$scope对象，而不需要html视图。

<a ng-href="http://example.co.uk/search-menu{{cart[0].restaurant_id}}/test">

Answer 2

ng-repeat实际上应该可以工作。但你应该试试ng-href，如下所示。。。

在您的HTML:中

ng-repeat="item in cart" ng-href="yourUrl/{{item.id}}"

在您的控制器中：

$scope.cart = [ cart1, cart2, ...];

如果你有任何错误，我真的会在这里看到它们！

Answer 3

我要做的第一件事是删除控制器中的$scope，并将其替换为this

this.cart = [];

然后，在您的View中，您可以使用Controller As声明，然后您将使用点表示法（这是更好的方法）

例如

    <div data-ng-controller="CartController as cart">
        <a ng-href="http://www.example.co.uk/search-menu/{{cart[0].restaurant_id}}/test">
    </div>