5

angular-ui-select の使用に問題がある人はいますか?

このエラーの取得

GET http://localhost/select2/select.tpl.html 404 (Not Found) angular.js:8539
Error: [$compile:tpload] Failed to load template: select2/select.tpl.html

ドキュメントから-select.jsとselect.cssを参照する必要がありました

4

3 に答える 3

2

/ srcディレクトリのファイルの代わりに、/ distディレクトリの select.css および select.js ファイルを使用してみてください。

于 2014-10-22T23:08:11.507 に答える
0

エラー メッセージのテンプレートが templateCache に読み込まれていないため、このエラーが発生します。テンプレートを含まないバージョンの select.js を使用している可能性があります。

また、すべての選択タイプに対してすべてのテンプレート デザインが作成されているわけではありません。例えば。同様のエラーを引き起こす可能性のある複数選択用の Selectize テンプレートはありません。

select.js ソースの最後を見ると、テンプレートをロードしたり、独自のテンプレートを定義したりする方法がわかります。

あなたの場合:

angular.module("ui.select").run(["$templateCache", function($templateCache){
    $templateCache.put("select2/select.tpl.html","<div class=\"ui-select-container select2 select2-container\" ng-class=\"{\'select2-container-active select2-dropdown-open open\': $select.open,\n \'select2-container-disabled\': $select.disabled,\n \'select2-container-active\': $select.focus, \n \'select2-allowclear\': $select.allowClear && !$select.isEmpty()}\"><div class=\"ui-select-match\"></div><div class=\"select2-drop select2-with-searchbox select2-drop-active\" ng-class=\"{\'select2-display-none\': !$select.open}\"><div class=\"select2-search\" ng-show=\"$select.searchEnabled\"><input type=\"text\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" class=\"ui-select-search select2-input\" ng-model=\"$select.search\"></div><div class=\"ui-select-choices\"></div></div></div>");
}]);
于 2014-12-10T05:52:32.270 に答える
0

テンプレートも必要です - src フォルダを調べてください。3つのテーマがあります。

select をページに含めるときは、使用するものを指定します。

<ui-select ng-model="boo.selected" theme="resources/templates/select2" ng-disabled="disabled">

上記のテンプレートへのパスを入力します

于 2014-10-21T13:48:06.247 に答える