1

AngularJS でテーブルを作成したいのですが、次のようになります。

ID | 平日 | 時間 | 行動
1 | 月 | 月 | 10:10 | リンクの編集、リンクの削除
2 | 火 | 15:19 | リンクの編集、リンクの削除

私の現在のコードは次のとおりです。

<html ng アプリ>
    ...
    <script type="text/javascript">
        関数 DB($scope) {
            $scope.currentQs = null;
            $scope.jsons = JSON.parse('${jsons}');
            $scope.edit = 関数(id) {
                console.log("編集" + id);
            }
            $scope.delete = 関数(id) {
                console.log("削除" + id);
            }
        }
    </script>
    <body ng-controller="DB">
        <テーブル>
            <tbody ng-repeat="qs in jsons">
                <tr>
                    <td>{{qs.query_id}}</td>
                    <td>{{qs.weekday}}</td>
                    <td>{{qs.hour}}:{{qs.minute}}</td>
                    <td>
                        <!-- 私は、a-tags について間違った方法で考えていると思います -->
                        <!-- 現在のオブジェクト (qs) を $scope.currentQs として配置するにはどうすればよいですか -->
                        <a href="#" ng-click="edit('{{qs.query_id}}')">編集</a>
                        <a href="#" ng-click="delete('{{qs.query_id}}')">削除</a>
                    </td>
                </tr>
            </tbody>
        </表>
    </body>
</html>

さて、テーブルは大丈夫です。しかし、編集リンクと削除リンクを設定する正しい方法は何ですか?

ありがとう。ベルンハルト

PS: 昨日 AngularJS を調べ始めたところです。

4

1 に答える 1

6

内部では、角度実行コンテキストに既にあるため、ng-click補間する必要はありません。{{ }}

<a href="#" ng-click="edit(qs.query_id)">Edit</a>
<a href="#" ng-click="delete(qs.query_id)">Delete</a>

したがって、上記はあなたのために働くはずです。

于 2013-11-07T22:49:36.287 に答える