2017-08-08 14 views
0

まずは、こんにちは!私はここで新しいです。AngularJSとdatatableの組み合わせについて

私は最近、AngularJSとWeb開発を学んでいます。私は働いていますので、私は初心者のために謝ります。私は、AngularJSとのdatatable統合に関する一種の壁を見つけました。

私は、クライアント側でフィルタを利用するので、正しいローを選択できると言わざるを得ない。問題は、一部のユーザーをフィルタリングし、データテーブルを使用して行並べ替えを行うと、データがミステリーにビューに複製され、削除できないということでした。それを解決するために、ng-repeatフィルタを取り出して、データテーブルフィルタサポートでフィルタしなければなりませんでした。誰がこの行動を引き起こしたかも知っていますか?

ところで、私はangularJS 1.xおよびデータテーブル1.10

感謝を使用しています!

答えて

0

データを複製するのは、HTML要素の属性とハンドルバーで2回バインドするためです。 @Shaishabロイはng-modelを述べたように

<span> 
    {{approvedForm.userName}} 
</span> 

<span>で動作するように想定されていないので、代わりにng-bindを試してみてください:それは次のようになりますので、あなたのコード内でng-model="..."属性または{{...}}のいずれかを削除し

<span ng-bind="approvedForm.userName"></span> 
+1

'ng- model = "" 'は' span'タグでは機能しません。あなたは 'ng-bind =" "' ' –

+0

hm ...を使うべきです。' ng-model'がそこで動作するはずでない場合、データがどのように複製されたのか混乱します。\ – blewherself

+0

私はそのアドバイスを受け取ります。私が言ったように、それは奇妙なものでした。なぜなら、それは、ng-repeatフィルターでフィルタリングした後にのみ起こり、データテーブルで行の並べ替えを行うからです。私は一度フィルタを取り除き、fnfilter(datatableから)を使用すると、問題が解決されたので、フィルタと何か関係があると思います。 –

関連する問題