[解決済み] 文字列の配列でorderbyフィルタを動作させるには?
2023-05-04 13:27:23
質問
以下は、動作しないコードです。デモです。 http://jsfiddle.net/8dt94/63/
<div ng-controller="MyCtrl">
<input type="text" ng-model="searchText" />
<ul ng-repeat="strVal in arrVal|orderBy|filter:searchText" >
<li>{{strVal}}</li>
</ul>
</div>
var app=angular.module('myApp', []);
app.controller('MyCtrl', function ($scope,$filter) {
$scope.arrVal = ['one','two','three','four','five','six'];
});
どのように解決するのですか?
メソッドで並び替えられるので、toStringメソッドで
<ul ng-repeat="strVal in arrVal | orderBy:'toString()' | filter:searchText">
関連
-
[解決済み] AngularJSのグローバル変数
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] コントローラでフィルタを使用するには?
-
[解決済み] ng-classを使った複数クラスの追加
-
[解決済み] AngularJSでng-repeatループ内にng-modelをバインドする。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjsのng-viewが動作しない。
-
[解決済み] AngularJSで$httpリクエスト中にスピナーGIFを表示する?
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] Angular ng-repeatの条件付きラップアイテム(ng-repeatのグループアイテム)。
-
[解決済み] angularjsでチャートを作成する【終了】。
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] angular.serviceとangular.factoryの比較
-
[解決済み] ServiceとFactoryで迷う
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。