Question

我是Angular的新手，并尝试使用ng-click服务在控制器之间传递factory上的一些数据，这些服务基于从服务器返回并由ng-repeat生成的数据前面。

这是HTML：

<div ng-click="go('{{img.hashtag}}')" ng-repeat="img in obj" ng-style="{'background':url({{img.url}})'}">
  <span class="boxName">{{img.hashtag}}</span>
</div>

这很好用：

ng-click="selectHash($event);go('some simple string')"

然而这不是：

ng-click="selectHash($event);go('{{img.hashtag}}')"

因为它被解释为一个简单的字符串，而不是从一个对象中提取的数据。

go函数负责导航到另一个页面并将数据传递到相应的controller：

$scope.go = function (hash1) {
    $location.path("hash");
    $scope.hashFac = hashFac;
    $scope.hashFac.hash = hash1;
};

工厂服务：

appName.factory("hashFac",function(){
    return {

    };
});

如何从img对象中提取数据并使用ng-click向前发送？

Answer 1

您是否尝试过没有引号'和花括号{{}}：

ng-click="selectHash($event);go(img.hashtag)"

Answer 2

你不应该在{{}}＆amp;中使用ng-click插值指令。 ng-style指令，同时在生成后台URL时，您应该使用字符串连接。

<div ng-click="go(img.hashtag)" ng-repeat="img in obj" 
  ng-style="{'background': 'url(' + img.url + ')'}">

Answer 3

指令ng-click由Angular评估，因此您不需要在那里使用任何括号。将两个函数调用合并为一个：

$scope.buttonClicked = function(e, img) {
    // e.preventDefault() or whatever
    $scope.selectHash(e);
    $scope.go(img.hashtag);
}

然后在您的模板中使用：

ng-click="buttonClicked($event, img)"

AngularJs - 使用ng-click由ng-repeat生成的无法传递对象

3 个答案: