如标题中所述,我想让ui-select
双击,即我可以专注于它,这样我就可以复制ui-select
的内容。
以下是一个示例:摘自https://codepen.io/anon/pen/NYQbWb我已将disable
属性添加到现有代码中。
就像在这个例子中双击蝙蝠侠一样,有可能 Ctrl + c 它或者右击复制......我试过添加ng-readonly但它不起作用。
提前感谢您的帮助。
HTML:
<div ng-app="boomstrap"><div ng-controller="SelectDemoCtrl">
<div class="row">
<div class="form-group">
<div class="col-sm-6">
<ui-select ng-model="superhero.selected" disabled="true">
<ui-select-match placeholder="Select or search a superhero ...">
{{$select.selected}}</ui-select-match>
<ui-select-choices repeat="hero in getSuperheroes($select.search) |
filter: $select.search">
<div ng-bind="hero"></div>
</ui-select-choices>
</ui-select>
</div>
<label class="col-sm-3 control-label">You have chosen {{ superhero.selected }}!</label>
</div>
</div>
JS:
(function(Boomstrap) {
'use strict';
Boomstrap.controller('SelectDemoCtrl', ['$scope', function($scope) {
$scope.superhero = {
selected: 'Batman'
};
$scope.$watch('superhero.selected', function(newVal, oldVal) {
});
$scope.getSuperheroes = function(search) {
var newSupes = $scope.superheroes.slice();
if (search && newSupes.indexOf(search) === -1) {
newSupes.unshift(search);
}
return newSupes;
}
$scope.superheroes = [
'Superman',
'Batman',
'Spider-Man',
'Thor',
'Hal Jordan',
'Wonder Woman',
'Hulk',
'Captain America',
'Martian Manhunter',
'Dick Grayson',
'Thing',
'Human Torch',
'Fantastic',
'Invisible Woman',
'Wally West',
'Aquaman',
'Green Arrow',
'Kyle Rayner',
'Superboy',
'Leonardo',
'Raphael',
'Donatello',
'Michelangelo',
'Silver Surfer',
'Iron Man',
'Barry Allen',
'Tim Drake',
'Black Canary',
'Billy Batson',
'Orion',
'Hercules',
'Daredevil',
'Supergirl',
'Black Panther',
'Wolverine',
'Cyborg',
'Steel',
'Donna Troy',
'Vixen',
'Raven',
'Plastic Man',
'Red Tornado',
'Barbara Gordon',
'Beast Boy',
'Hawkgirl',
'John Stewart',
'Starfire',
'Zatanna',
'Ray Palmer',
'Damian Wayne',
'Huntress (Bertinelli)',
'Hank Pym',
'Hawkeye',
'Professor X',
'Jericho',
'Rorschach',
'Manhattan',
'Nite Owl (Dreiberg)',
'Nick Fury',
'Hawkman',
'Bart Allen',
'Bucky Barnes',
'Alan Scott',
'Jay Garrick',
'Cassandra Cain',
'Phantom Stranger',
'Blue Beetle',
'Black Lightning',
'Miracle',
'Big Barda',
'Booster Gold',
'Kilowog',
'Wasp',
'Silk Spectre',
'Miss Martian',
'Knight',
'Firestorm',
'Nova',
'Beast',
'Skaar',
'Lightray',
'She-Hulk',
'Captain Atom',
'Power Girl',
'Vision',
'Damage',
'Terrific',
'Beta Ray Bill',
'Squire',
'Mon-El',
'Black Widow',
'Simon Baz',
'Geo-Force',
'Adam Strange',
'Iron Fist',
'Kaine',
'Wildcat',
'Jesse Chambers',
'Wonder Man',
'Carol Danve'
].sort();
}]);
})(angular.module('boomstrap'));