Bất kỳ ai gặp sự cố khi sử dụng angular-ui-select?Lỗi chọn ui góc: 404 (Không thể tải mẫu)
Bắt lỗi này
GET http://localhost/select2/select.tpl.html 404 (Not Found) angular.js:8539
Error: [$compile:tpload] Failed to load template: select2/select.tpl.html
Từ các tài liệu - tôi chỉ cần thiết để tham khảo select.js và select.css
Bạn cần mẫu cũng - nhìn vào thư mục src. Có 3 chủ đề.
Khi bạn bao gồm chọn vào trang của bạn bạn chỉ định cái nào bạn muốn sử dụng:
<ui-select ng-model="boo.selected" theme="resources/templates/select2" ng-disabled="disabled">
đây trên tôi đặt đường dẫn đến mẫu
Bạn gặp lỗi này vì mẫu trong thông báo lỗi không được tải vào templateCache. Có thể bạn đang sử dụng phiên bản select.js không chứa các mẫu.
Ngoài ra, bạn sẽ thấy rằng không phải mọi thiết kế mẫu đã được thực hiện cho mọi loại lựa chọn. Ví dụ. không có các mẫu Chọn để chọn nhiều, điều này cũng có thể gây ra các lỗi tương tự.
Nếu bạn nhìn vào cuối của select.js source bạn sẽ thấy cách bạn có thể tải mẫu hoặc thậm chí xác định mẫu của riêng bạn.
Trong trường hợp của bạn:
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>");
}]);