Question

我为名字中的每个x都有一个简单的html表。 x表示具有一些属性的Object。因此，此表的一行填充：Name，id等。我还为每一行（对象）获得一个按钮。但是如何检查按下按钮？如何从此按钮获取值？例如，有一行名称为：Michael，id：1和一个按钮。如果我按下按钮，我想在我的app.controller中使用id为1的var。

HTML代码

<ul>
    <li ng-repeat="x in names | filter:name">
        <div id="kartei">{{ x.artikelName }}{{ x.artikelBeschreibung }}{{ x.artikelPreis }}{{ x.angebotNummer }}{{ x.kundenMail }}</div>

        <div id="Kaufen" ng-app="myApp" ng-controller="angebotKaufen">
            <button ng-model="kaufbutton" type="button" ng-click="submit()" ng-value="{{ x.angebotNummer }}">kaufe {{ x.angebotNummer }}</button>
        </div>
    </li>
</ul>

的JavaScript

app.controller("angebotKaufen", function($scope, $location){
$scope.submit = function(){
    console.log($scope.kaufbutton);
    // Kaufen klicken
    // id infos von der datenbank bekkomen
    // kaufen weiterleiten      

};

Answer 1

你应该通过函数传递kaufbutton。

Html

<ul >
  <li ng-repeat="x in names | filter:name">
  <div id="kartei">{{ x.artikelName }}{{ x.artikelBeschreibung  }}{{ x.artikelPreis  }}{{ x.angebotNummer  }}{{ x.kundenMail  }}</div>

<div id="Kaufen" ng-app="myApp" ng-controller="angebotKaufen">
<button ng-model="kaufbutton" type="button" ng-click="submit($event, kaufbutton)" ng-value="{{ x.angebotNummer }}" >kaufe {{ x.angebotNummer }}</button>
</div>


</div>
</li>
</ul>

代码

app.controller("angebotKaufen", function($scope, $location){
    $scope.submit = function($event, kaufbutton){
        $event.preventDefault();//just in case you need this
        console.log(kaufbutton);
        // Kaufen klicken
        // id infos von der datenbank bekkomen
        // kaufen weiterleiten      
    }; 


});

Answer 2

如果我们有控制器clients和submit功能：

$scope.submit = function(id) {
    console.log(id);
}

$scope.clients = [{
    'name': 'Michael',
    'id': 1
}, {
    'name': 'Karl',
    'id': 2
}];

然后我们只将id作为submit的参数传递：

<div ng-repeat="client in clients">
    {{client.name}} {{client.id}} <button ng-click="submit(client.id)">Submit</button>
</div>

请参阅http://jsfiddle.net/quk7t660/

Angularjs获取重复按钮的值

2 个答案: