テーブルに対して挿入操作を実行しています。私は新しいのバッジを新しい行に表示したかったので、ng-repeatを使って表示しました。私は角度のあるjsでそれをすることができますか?または私はこれを達成するために他の何かを使うべきですか?私はイメージとして、このng-repeatの新しい行に「新しい」バッジを表示する方法
のようなものは、私は角度のjsとPHPを使用しています方法row.by新しいのためのハイライトのいくつかの種類をやってみたかっ示したいです。
テーブルに対して挿入操作を実行しています。私は新しいのバッジを新しい行に表示したかったので、ng-repeatを使って表示しました。私は角度のあるjsでそれをすることができますか?または私はこれを達成するために他の何かを使うべきですか?私はイメージとして、このng-repeatの新しい行に「新しい」バッジを表示する方法
のようなものは、私は角度のjsとPHPを使用しています方法row.by新しいのためのハイライトのいくつかの種類をやってみたかっ示したいです。
簡単な解決策はisNew
としてitems
内の別の変数を定義することです。したがって、新しいデータエントリの場合はtrue、古い場合はfalseに設定することができます。新しいサンプルが、これはデータベースストアドプロシージャから自分自身を買うでこの変数を持っているng-class
必要がありませんを使用してクラスを操作するため
$scope.items.push({
url: 'http://facebook.com/',
name: 'Facebook',
isNew: true
});
利用になるには、静的な値を返すことができ
例:
SELECT URL, Name, false 'IsNew' FROM MyTable
同じ構造を持つ新しい値を配列またはオブジェクトに追加するだけです。
例:
var myApp = angular.module('myApp',[]);
myApp.controller('itemsController', ['$scope', controller]);
function controller($scope) {
$scope.items = [{
url: 'http://google.com/',
name: 'Google'
}];
$scope.click = function() {
$scope.items.push({
url: 'http://facebook.com/',
name: 'Facebook'
});
};
}
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="itemsController">
<ul>
<li ng-repeat="item in items">
<!-- items is an array -->
<a ng-href="{{item.url}}">{{item.name}}</a>
</li>
</ul>
<button ng-click="click()">Add</button>
</body>
</html>
これは、スコープのプロパティのすべての変更で実行scope digestの作品。
あなたはダイジェストは、私は非常にドキュメントを読むことをお勧めしますどのように動作するかを知らない場合:D AngularJS
私はあなたが私の質問を正しく取得しなかったと思う。バッジを追加したり、新しく追加された値の行をハイライトしたりしたいだけでした。データベースからの私の行:) – Jason
"Old"や "New"のようなステータスを追加できます。それを表に示す必要はありません。この状態で、新しい行を強調表示することができます。はい、あなたはangularjsでそれを行うことができます。 ng-class –
@ Pooja-Gを使用して、ステータスをデータベーステーブルに追加したいのですか?私はそのような列はありません。新旧のマーキング用 – Jason
いいえ、データベースに追加する必要はありません。リストに一時的に追加するだけです(ng-repeatを使用)。 –