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を参照する必要がありました
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を参照する必要がありました
エラー メッセージのテンプレートが 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>");
}]);
テンプレートも必要です - src フォルダを調べてください。3つのテーマがあります。
select をページに含めるときは、使用するものを指定します。
<ui-select ng-model="boo.selected" theme="resources/templates/select2" ng-disabled="disabled">
上記のテンプレートへのパスを入力します