再繰り返しすることなくangularjs更新スコープ変数 -- javascript フィールド と angularjs フィールド 関連 問題

Angularjs update scope variable without re-repeating












2
vote

問題

日本語

私は私が範囲に割り当てられている状況がある場合は、

<事前> <コード> $scope.items = [{ name: 'one', value: 1 }{ name: 'two', value: 2 }]

それでは、 ng-repeat を使用して表示します。私は数秒ごとにデータを引っ張ってこのスコープ変数を更新するサービスを持っています。問題は、更新時に再繰り返すことです。私は angular.forEach を使用しようとし、現在スコープ内のものを何が新しいものであるものを繰り返し、適切なキーで値を更新するだけでなく、これは実際には値を更新しているようです。繰り返されました。

アップデートがあるたびに再繰り返すことを望まない。私はそれがそれらのスタイルの変更を無視する(それらを上書きされている)という指令内に適用されているいくつかのスタイルがあります(それらを上書きされます)また、1つか2つだけが更新された値を持っているかもしれないときにすべてのアイテムを再レンダリングする理由はありません。誰もがこれに良い解決策を知っていますか?

ありがとうございました!

英語

I have a situation where I have items being assigned to the scope, such as:

$scope.items = [{    name: 'one',    value: 1 }{    name: 'two',    value: 2 }] 

Then I'm using ng-repeat to display this. I have a service that pulls data every few seconds and updates this scope variable. The problem is that it re-iterates when you update it. I've tried to use angular.forEach and iterate through what is currently in scope vs what's new and simply update the values at the appropriate keys, but this doesn't seem to actually update the values, that have already been iterated.

I don't want it to re-iterate every time there's an update. I have some styles that are being applied within a directive that when it re-renders it ignores those style changes (it's overriding them) also there's just no reason to re-render every item, when only one or two may have updated values. Would anyone know a good solution for this?

Thank you!

</div
     

回答リスト

3
 
vote
vote
ベストアンサー
 

https://docs.angularjs.org/api/ng/ dilective/ngrepeat < / a>

NG-Repeatは、オブジェクトに固有の値がある場合は、 %pathtofolder%2 という素晴らしいオプションがあります。 %pathtofolder%3 は、この

のように使用できます。 <事前> <コード> %pathtofolder%4

$$ハッシュマニュアルを使用しなければならなかったので、素晴らしくて滑らかに機能する

 

https://docs.angularjs.org/api/ng/directive/ngRepeat

ng-repeat have now an amazing option called track by if you have an unique value in your objects i.e. id then you can use it like this

<span ng-repeat="item in items track by item.id">{{item.name}}</span> 

I've tested it heavily since I had to use $$hash manualy before, it works nice and smooth

</div
 
 
   
   

関連する質問

0  Angular JS - Customeディレクティブが実際のテンプレートに置き換えられていない  ( Angular js custome directive is not getting replaced with actual template ) 
角度JSを学び、私のカスタム指令を作成したいと思います。 JavaScriptコードにエラーが表示されていませんが、カスタムディレクティブはHTMLテンプレートに置き換えられません。 この問題をデバッグする方法やこのコードの何が問題なのかについては、お知らせい...

1  a angularjsソート後に行を削除しようとすると、間違った行が削除されます。 IDによるものです。どのように私は解決するためのコードを書きますか?  ( In angularjs when trying to delete a row after sorting the wrong row gets delet ) 
<事前> <コード> **html part** <div> <p>search : <input type="search" ng-model="customer" placeholder="s...

1  AngularJSのダイナミックテーブルからPDFにデータをエクスポートする方法  ( How to export data to pdf from dynamic table in angularjs ) 
ダイナミックテーブルからデータをPDFにエクスポートしたい場合は、すべてのプラグインが静的テーブルを使用しているため、データのエクスポートを要求してユーザーがこれらのテーブルを見ることができないときに作成されるダイナミックテーブルによって意味があります。 私...

4  コントローラ角JS内のインデックスを持つ配列内のオブジェクトを取得する方法  ( How to get object in an array with index in a controller angular js ) 
角度JSで指定されたインデックスのアレイにオブジェクトを取得する必要があります。 <事前> <コード> scope.storeList = [{ 'id':101, 'name':indhu },{ 'id':102, 'name':selvi...

0  isi日付をJSのISOに変換する方法  ( How to convert isi date to iso in js ) 
私は日付をになっています <事前> <コード> data.created = "Wed May 03 2017 15:41:49 GMT 0530(IST)" それを変換したいのです 通常のISIフォーマット <事前> <コード> 2017-03...

0  2日後にデータを入れるために$ RESOURSE(ANGULLAJS)を使用する場合のサーバーレスポンストークンマッチ  ( Server response tokenmismatch when use resourse angularjs to put data after t ) 
データをサーバにアップロードするためにウェブサイトを構築するときに問題があります。ユーザーがデータをログインしてデータを変更するときは、データをアップロードするために$ RESOURCE(ANGULARJS)を使用します(メソッドPUT)。それは正常に動作しま...

0  Jasmine SpyOnevent Undefined  ( Jasmine spyonevent undefined ) 
<コード> spyEvent = spyOnEvent('#BackYoyButton', 'click'); $('#BackYoyButton').trigger( "click" ); expect('click').t...

0  オブジェクトのすべてのプロパティの属性を同時に定義する方法(またはデフォルト設定)  ( How to define attributes for all properties of an object simultaneously or set ) 
AngularJSサービスプロバイダ(機能)を書いています: SQLiteデータベースのさまざまなテーブルから結果を取ります オブジェクトをさまざまなコントローラ関数に返します サービスは異なるテーブル(異なる列を持つ)をクエリするため、 result...

0  基準に基づくangularyjsの状態と動的テンプレート  ( Angularjs states and dynamic templates based on criteria ) 
私はプロジェクトでAngularJS + UI-Routerを使用しようとしています、それはThoで働いていますが、私はここで状況の真ん中にあります... URL <コード> / でホーム状態を持ち、その状態は次のことを行う必要があります。 ユーザーがログ...

4  GoogleマップのAngularyJSディレクティブで地図を再作成する  ( Re create the map by angularjs directive of google map ) 
AngularJSの正方形のテーマを使用しており、マップ指令を使用してこのような地図を生成します。 <事前> <コード> <map class="ui-map" zoom="7" center="[32.794065, -97.439365]" style=...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有