問題タブ [angularjs-ui-utils]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - AngularJS + AngularJS UI (Utils + Bootstrap) を Grails にどのように配置しますか?
これを Grails 2.4.4 に入れる必要があります。
- AngularJS v1.3.15
- AngularJS UI ユーティリティ v0.2.3
- AngularJS UI ブートストラップ v0.2.11
- Bootstrap CSS v3.3.4 (AngularJS UI Bootstrap で必要)
- JQuery? 必要かどうかわからない
AngularJS を追加する Grails 用のプラグインをいくつか見ましたが、AngularJS UI を追加するプラグインはありません。これを簡単にまとめるには?
angularjs - ng-repeated ドロップダウン カテゴリ セレクターを検証するにはどうすればよいですか?
ネストされたカテゴリ モデルを作成しました。製品のカテゴリを選択するために、メイン カテゴリのドロップダウンが表示されます。いずれかを選択すると、右側に新しいドロップダウンが追加され、選択したカテゴリの子カテゴリが表示されます。これは、最後のレベルに到達するまで繰り返されます。これがいつ起こるか$scope.product.category_id
が設定されています。$scope.product.category_id
のときにフィールドのセット全体を無効にしたいnull
。
私は検証に angular-bootstrap-show-errorsを使用してきましたが、カスタム関数を使用して、これを達成するためにui-utilsと混合しようとしました: validate_category()
.
私が使用したHTMLは次のとおりです。
そして、これは私の単純な検証関数です:
しかし、これは機能していません。アイデア?
ui-validate
編集:これの問題は、関数の後に検証関数が実行されるため、更新ng-change
を確認できないことに気付きました。$scope.product.category_id
javascript - ui-utils 電話マスクが Ionic 入力で機能しない
(999) 999-9999
この例http://angular-ui.github.io/ui-utils/のように電話マスクを行う必要がありますが、Ionic モバイルアプリの入力用です。
ui-utils は、裸の AngularJS アプリで正常に動作します: http://plnkr.co/edit/NozbdhtRjaxq1KFYrwLo?p=preview
ただし、同じことが Ionic では機能しません: http://codepen.io/hawkphil/pen/qdxOLW?editors=101
プレースホルダーがハイジャックされたか何か。プレースホルダーを修正するには?
次に、数値を入力すると、すべてが台無しになり、プレースホルダーテキストが挿入されます。直し方?
あるいは、1 つのことだけのために ui-utils を使用する必要はありません。Ionic 用の電話マスクの代替品はありますか?
type=tel
数字キーパッドだけがポップアップするだけなので、私にはうまくいきません。
プレースホルダー「電話番号を入力してください」を表示する必要があります。したがって、 (___) ___ ____ を表示しても機能しません
angularjs - AngularJs ui-scroll reload が機能しない
Angular アプリケーションの 1 つで、遅延読み込みにui-scrollディレクティブを使用しています。アダプターを作成し、ui-scroll ディレクティブに割り当てました。API リクエストを作成してデータを更新して、データ全体をリロードする必要があります。
ui-scroll docs から、ディレクティブに割り当てているアダプターで使用できる reload() メソッドを確認できます。
このアダプターをカスタム データソースに渡し、それを ui-scroll リピーターに割り当てます。
ユーザーがボタンをクリックすると、API から最新の結果を取得して結果全体をリロードする必要があります。だから私は追加してみました、
reload メソッドを呼び出そうとすると、メソッドが見つからないという例外がスローされます。 TypeError: $scope.listAdapter.reload は関数ではありません
また、データソースを再割り当てし、空のアダプターをスコープ変数に渡してみましたが、うまくいきませんでした。
誰かがこれを修正した場合は、何をする必要があるか教えてください。
angularjs - angular ui-keydown が shift+ctrl+alt+A キーで機能しない
例えば:
shift-ctrl-65 は正しく機能しています。ただし、shift-ctrl-alt-65 は ui-keydown では機能しません。助けてください
angularjs - コントローラーで $rootScope にアクセスできません
ビューから完全にアクセスできるモジュール実行で実際に$rootScope
使用可能にしましたが、別のコントローラー内でその値にアクセスしたいのですが、残念ながらアクセスできません。何らかの方法を提案してください。
- 私は以前、サービスを通じてこれらの日付ピッカー ポップアップ オプションを利用できるようにしようとしましたが、サービスや工場での使用方法がわからないため、できませんでした。さらに重要なことに、ビューで更新された値を取得していますが、コントローラーで必要な同じ更新された値を取得しているため、別のスコープ変数に割り当てることができます。誰かがサービス内で私のために以下のコードを作成できれば、少なくとも私はアイデアを得て、他の注入可能なサービスの作成を開始します。
javascript - AngularUIで正しく表示されないUniqueをデバッグするには?
含む
マイアプリ
私がこれをしたら
私はこれを得た
[{"id":17,"type":"Content Management","name":"NPM","value":"84","description":null,"img_path":null,"created_at":"2017-03-08 14:00:26","updated_at":"2017-03-09 15:25:50"},{"id":16,"type":"Content Management","name":"Composer ","value":"80","description":null,"img_path":null,"created_at":"2017-03-08 14:00:14","updated_at":"2017-03-09 13:16:54"},{"id":15,"type":"Framework","name":"AngularJS","value":"73","description":null,"img_path":null,"created_at":"2017-03-08 13:59:00","updated_at":"2017-03-08 13:59:30"},{"id":14,"type":"Content Management","name":"RequireJS","value":"65","description":null,"img_path":null,"created_at":"2017-03-08 13:58:06","updated_at":"2017-03-09 13:17:10"},{"id":9,"type":"Content Management","name":"Bower","value":"70","description":null,"img_path":null,"created_at":"2017-03-08 13:54:53","updated_at":"2017-03-09 13:17:02"},{"id":8,"type":"Web Scaffolding","name":"Yeoman","value":"50","description":null,"img_path":null,"created_at":"2017-03-08 13:54:43","updated_at":"2017-03-09 13:09:57"},{"id":7,"type":"Build System","name":"Gulp","value":"90","description":null,"img_path":null,"created_at":"2017-03-08 13:54:18","updated_at":"2017-03-09 13:07:20"},{"id":6,"type":"Development Environment","name":"Docker","value":"60","description":null,"img_path":null,"created_at":"2017-03-08 13:53:59","updated_at":"2017-03-09 14:15:38"},{"id":5,"type":"Development Environment","name":"Vagrant","value":"70","description":null,"img_path":null,"created_at":"2017-03-08 13:53:46","updated_at":"2017-03-08 13:53:46"},{"id":3,"type":"Build System","name":"Grunt ","value":"88","description":null,"img_path":null,"created_at":"2017-03-08 13:49:40","updated_at":"2017-03-09 12:01:04"},{"id":2,"type":"Server Management","name":"Linux","value":"87","description":null,"img_path":null,"created_at":"2017-03-08 13:45:34","updated_at":"2017-03-09 14:15:27"},{"id":1,"type":"Framework","name":"Laravel 5","value":"95","description":null,"img_path":null,"created_at":"2017-03-08 13:24:16","updated_at":"2017-03-09 14:15:14"}]
私がこれをしたら
<p ng-repeat="skill in skills ">[[ skill.type ]]</p>
私は得た
今、私はこれを試しました
<p ng-repeat="skill in skills | unique: 'skill.type' ">[[ skill.type ]]</p>
私はこれを得た
私は何を間違えましたか?なぜ 1 枚だけ印刷するのですか?
私はこのようなものを得ると思っていました