1

リストの一番最後に自動スクロールをしたいと考えてます。ng-attr-idと$indexを使えばできそうなのですが、具体的にどんなコードを書けばいいかわかりません。アドバイスお願いします。

1 件の回答 1

1

最後の要素にだけIDを付けるのであれば$lastを使用すると簡単だと思います。

app = angular.module('SampleApp', []);
app.controller('SampleCtrl', [
    '$scope',
    function ($scope) {
        return $scope.items = [
            {
                'name': 'Item1',
                'price': 1200
            },
            {
                'name': 'Item2',
                'price': 1000
            },
            {
                'name': 'Item3',
                'price': 1600
            },
            {
                'name': 'Item4',
                'price': 2000
            },
            {
                'name': 'Item5',
                'price': 1800
            }
        ];
    }
]);
ul {
  list-style: none;
  padding-left: 0;
}
#last_element {
  color: #ff0000;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app='SampleApp'>
  <div class='container' ng-controller='SampleCtrl'>
    <h4>「#last_element」だけ色を変える</h4>
    <ul>
      <li ng-repeat='item in items'>
        <div ng-attr-id="{{$last &amp;&amp; 'last_element'}}">名前: {{item.name}}, 値段: {{item.price}}</div>
      </li>
    </ul>
  </div>
</body>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。