javascript - 将变量传递给 AngularJS Controller ，最佳实践？

Question

我是 AngularJS 的新手 就像我到目前为止所看到的一样，尤其是模型/ View 绑定(bind)。我想利用它来构建一个简单的“添加到购物车”功能。

到目前为止，这是我的 Controller :

function BasketController($scope) {
    $scope.products = [];

    $scope.AddToBasket = function (Id, name, price, image) {

        ...

    };
}

这是我的 HTML:

<a ng-click="AddToBasket('237', 'Laptop', '499.95', '237.png')">Add to basket</a>

现在这可行了，但我非常怀疑这是在我的模型中创建新产品对象的正确方法。然而，这就是我完全缺乏 AngularJS 经验的地方。

如果这不是解决问题的方法，那么最佳做法是什么？

Answer 1

你可以使用 ng-init在外部 div 中:

<div ng-init="param='value';">
    <div ng-controller="BasketController" >
        <label>param: {{value}}</label>
    </div>
</div>  

然后该参数将在您的 Controller 范围内可用:

function BasketController($scope) {
        console.log($scope.param);
}