Angularjs ui选择已禁用搜索的占位符文本
我正在使用AngularUI选择Selectize主题。我想禁用搜索,但想显示占位符文本,以便用户知道此选择字段的用途。 我尝试将selectize/match.tpl.html修改为Angularjs ui选择已禁用搜索的占位符文本,angularjs,angular-ui-select,Angularjs,Angular Ui Select,我正在使用AngularUI选择Selectize主题。我想禁用搜索,但想显示占位符文本,以便用户知道此选择字段的用途。 我尝试将selectize/match.tpl.html修改为 <div ng-hide=\"($select.open || $select.isEmpty())\" class=\"ui-select-match\" ng-transclude=\"\">{{$select.placeholder}}</div> 再次在控制器中 angular
<div ng-hide=\"($select.open || $select.isEmpty())\" class=\"ui-select-match\" ng-transclude=\"\">{{$select.placeholder}}</div>
再次在控制器中
angular.element(angular.element($element[0])).find('span').text(scope.name)
我为此编写了一个包装器指令,更新了匹配模板,如下所示,并使用search enable=false $templateCache.putselectize/match.tpl.html 使用包装器指令中的链接,我正在用palceholder文本更新上述模板
angular.element(angular.element($element[0])).find('span').text($scope.placeholder)
在包装器指令中使用控制器,更新所选字符串
angular.element(angular.element($element[0])).find('span').text(scope.name)
我修改了select.tpl.html,如下所示
$templateCache.put("selectize/select.tpl.html","<div class=\"selectize-control single\"><div class=\"selectize-input\" ng-class=\"{\'focus\': $select.open, \'disabled\': $select.disabled, \'selectize-focus\' : $select.focus}\" ng-click=\"$select.activate()\"><div class=\"ui-select-match\"></div><div class=\"ui-select-placeholder\" ng-hide=\"!$select.isEmpty()\">{{$select.placeholder}}</div><input type=\"text\" autocomplete=\"off\" tabindex=\"-1\" class=\"ui-select-search ui-select-toggle\" ng-click=\"$select.toggle($event)\" placeholder=\"{{$select.placeholder}}\" readonly ng-model=\"$select.search\" ng-hide=\"!$select.searchEnabled || ($select.selected && !$select.open)\" ng-disabled=\"$select.disabled\"></div><div class=\"ui-select-choices\"></div></div>");}]);
当所选内容为空时,将添加带有占位符的div。否则它将被隐藏
angular.element(angular.element($element[0])).find('span').text(scope.name)
$templateCache.put("selectize/select.tpl.html","<div class=\"selectize-control single\"><div class=\"selectize-input\" ng-class=\"{\'focus\': $select.open, \'disabled\': $select.disabled, \'selectize-focus\' : $select.focus}\" ng-click=\"$select.activate()\"><div class=\"ui-select-match\"></div><div class=\"ui-select-placeholder\" ng-hide=\"!$select.isEmpty()\">{{$select.placeholder}}</div><input type=\"text\" autocomplete=\"off\" tabindex=\"-1\" class=\"ui-select-search ui-select-toggle\" ng-click=\"$select.toggle($event)\" placeholder=\"{{$select.placeholder}}\" readonly ng-model=\"$select.search\" ng-hide=\"!$select.searchEnabled || ($select.selected && !$select.open)\" ng-disabled=\"$select.disabled\"></div><div class=\"ui-select-choices\"></div></div>");}]);