如何在angular中禁用选择视图
how to disable select view in angular?
我想禁用ui多重选择视图,每当我在我的例子中选择特定的值"Nicole"。如果我选择"Nicole",它禁用ui选择,然后用户无法选择其他选项。
当用户选择"Nicole"时,我们可以删除先前选择的选项吗?我只想当用户选择"Nicole"时,它禁用选择视图并删除其他选择选项。
砰砰作响http://plnkr.co/edit/eVXVzlRXJ4KUZaNjID6P?p=preview
$scope.OnClickSelect = function(item) {
$scope.multipleDemo.push(item.age)
}
$scope.OnRemoveSelect = function(item) {
var index = $scope.multipleDemo.indexOf(item.age);
$scope.multipleDemo.splice(index, 1);
}
我把你的活塞叉在这里了。
index . html
我改变
ng-disabled="disable"
ng-disabled="isDisabled()"
demo.js
$scope.disabled = false;
$scope.OnClickSelect = function(item) {
if (item.name === 'Nicole') {
// Check to make sure there is a previous user to remove
if ($scope.multipleDemo.length > 0) {
$scope.multipleDemo.pop();
}
// Disable user picker
$scope.disabled = true;
}
$scope.multipleDemo.push(item.age);
}
$scope.isDisabled = function() {
return $scope.disabled;
}
当前,当您选择"Nicole"时,它会禁用ui选择选择器,并从列表multipleDemo
中删除先前添加的用户。出于某种原因,它从multipleDemo
列表中删除了先前添加的用户,但没有从UI中删除它。摘要周期没有正确更新。也许值得在你的项目中尝试一下,看看它是否得到了正确的更新。
希望这对你有帮助!
修改OnClickSelect函数调用到OnClickSelect($item, $select),并在范围内添加禁用。$select variable将帮助我们操作选中的数据。
use on-select="OnClickSelect($item, $select)"和ng-disabled="disabled" in ui-select tag.
$scope.disabled = false;
$scope.restrictNames = ["Nicole", "Michael"];
$scope.OnClickSelect=function(item, $select)
{
if($scope.restrictNames.indexOf(item.name) != -1){
$select.selected = [];
$scope.multipleDemo = [];
$scope.disabled = true;
}
$scope.multipleDemo.push(item.age);
}
相关文章:
- 取消选择滚动启动时的所有列表视图项目
- 当我认为它不应该重新渲染视图时,如何防止 Meteor 在 html 选择 dom 单击事件上重新渲染视图
- 如何让日历视图在 html 页面中选择时间段
- 当您选择不同的视图时,Google文件选择器示例会中断,例如google.picker.ViewId.DOCS
- 收听单选按钮取消选择事件而不知道按钮's上下文(骨干视图)
- ExtJs视图中的ref选择器
- Ember.选择selectionBinding在加载视图时激发
- 计数或选择主干视图实例
- jQuery日期选择器在Firefox和IE的MVC部分视图上进行ajax更新后无法工作
- 如何将空白选项添加到木偶收藏视图生成的选择中
- 主干视图可以't访问jQuery选择器
- Javascript 日期选择器视图格式 asp.net MVC
- jQuery 图层选择器类型插件或可自定义的列表视图插件
- 用于引导程序选择的挖空自定义绑定,不更新视图模型“选定类别/选定类别”
- IE9在视图外元素上选择AllChildren
- 删除类后的添加类在选择同一节点时在剑道树视图中不起作用
- EmberJS -设置选择视图的默认值
- 如何在angular中禁用选择视图
- 余烬选择视图内的每个不工作
- 使用emberjs选择视图填充选择框