- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
通常,代码语句可以工作,但我想这不是一个好的做法,因为变量在 switch 语句的每种情况下都会重复。所以我不知道如何减少代码或者是否有替代方案可以切换?
首先是Ctrl中的代码:
$scope.searchDisabled = function (num) {
switch (num) {
case 1:
$scope.disLname = false;
$scope.disFname = true;
$scope.disGroup = true;
$scope.group = {};
break;
case 2:
$scope.disLname = true;
$scope.disFname = false;
$scope.disGroup = true;
$scope.group = {};
break;
case 3:
$scope.disLname = true;
$scope.disFname = true;
$scope.disGroup = false;
break;
case 4:
$scope.disLname = true;
$scope.disFname = true;
$scope.disGroup = true;
$scope.group = {};
break;
default:
$log.error('ERR! variable isn\'t a num:', num);
break;
}
}
};
最后我的观点:
<form class="form-horizontal" name="searchForm">
<div class="form-group form-group-sm">
<label class="col-sm-3 control-label">Lastname:</label>
<div class="col-sm-8">
<input type="text" class="form-control" placeholder="Search lastname" name="Lname" ng-model="search.lname" ng-click="searchDisabled(1)" ng-disabled="disLname" />
</div>
<div class="col-sm-1">
<input type="radio" class="radio" name="checked" ng-click="searchDisabled(1)" ng-model="formRadio.checked" value="1" ng-hide="!disLname" />
</div><!--end radio btn -->
</div>
<div class="form-group form-group-sm">
<label class="col-sm-3 control-label">Firstname:</label>
<div class="col-sm-8">
<input type="text" class="form-control" placeholder="Search firstname" name="Fname" ng-model="search.fname" ng-click="searchDisabled(2)" ng-disabled="disFname" />
</div>
<div class="col-sm-1">
<input type="radio" class="radio" name="checked" ng-click="searchDisabled(2)" ng-model="formRadio.checked" value="2" ng-hide="!disFname" />
</div><!--end radio btn -->
</div>
<div class="form-group form-group-sm">
<label class="col-sm-3 control-label">Group:</label>
<div class="col-sm-8">
<ui-select ng-model="group.selected" theme="selectize" ng-click="searchDisabled(3)" ng-disabled="disGroup">
<ui-select-match placeholder="Choose a group">
{{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat="group in groups | filter: $select.search">
<span ng-bind-html="group.name | highlight: $select.search"></span>
<small ng-bind-html="group.code | highlight: $select.search"></small>
</ui-select-choices>
</ui-select>
</div><!--end select group -->
<div class="col-sm-1">
<input type="radio" class="radio" name="checked" ng-click="searchDisabled(3)" ng-model="formRadio.checked" value="3" ng-hide="!disGroup" />
</div><!--end radio btn -->
</div>
对于“组”字段,我使用 angularjs 的 ui-select 模块。但是我的问题是如何减少或替换 switch 语句?
最佳答案
规则非常简单:
我还添加了对 num 不是数字以及 num 越界的检查。
Demo - 查看左下 Pane 的控制台。
scope.searchDisabled = function (num) {
var value = parseInt(num, 10);
if(isNaN(num)) {
$log.error('ERR! variable isn\'t a num:', num);
return;
}
if(num < 1 || num > 4) {
$log.error('ERR! variable is out of range:', num);
return;
}
$scope.disLname = value !== 1;
$scope.disFname = value !== 2;
$scope.disGroup = value !== 3;
$scope.group = value === 3 ? undefined : {};
};
关于javascript - 将 Ctrl 中的 switch 语句减少为禁用输入字段(AngularJS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32425490/
是否有使用 switch 语句检查数字 0-9 的简单方法?我正在编写一个程序来检查某些字符和数字。就像检查“\0”、“F”或“f”一样,想知道是否还有一种方法可以以类似的方式检查 0-9。我知道我可
我有一些数据需要转换,为此我需要一个超过 50 个案例的切换条件,我需要 3 次相同的案例,但在第三次我需要 50 个案例和一些更多,我不想写两次相同的代码。也许有可能做这样的事情。 switch (
我遇到这种情况,我必须检查两个 GET 变量。在检查语句内的第一个 switch 语句后,必须在第一个 case 循环内的第二个 switch 语句中检查第二个变量。 我无法在这里发布确切的代码,但这
如何使用函数指针代替 switch 语句? 最佳答案 与 ars 发布的链接略有不同的方法:您可以将 switch 语句中的值用作函数指针数组中的数组索引。所以不要写 switch (i) {
我必须评估很多条件。就我而言,我必须做这样的事情: switch(id) { case 5: // switch some other cases here case
switch 按钮位于 switch 语句内,但仅在 switch 语句外部时才有效这是我的代码:
我试图在 switch 语句中有一个 case 跳转到不同的 switch 语句。 在实践中,我希望用户在文本框中键入“关闭页面”,并且在浏览器关闭页面之前,我希望询问用户是否确定。输入“yes”将关
(引用java)我试图确定哪个更好,编写更多代码并可能节省一些计算时间,或者编写更少代码但可能牺牲一些计算时间。这就是我好奇的地方这样做会更有效率吗: switch (availability) {
我正在尝试构建一个 Android 应用程序,该应用程序可以访问加速度计传感器,并在单击按钮时将加速度计值(由 <> 包围)输出到串行 USB。当我更新值并尝试在 onClick 命令中调用它时遇到问
如何使用 Dwoo 模板引擎实现 switch case 语法。 最佳答案 {if 3 == 5} never gonna happen {elseif 3 == 3} if you don'
我想知道一个大的 switch 语句和几个小的 switch 语句之间是否有性能差异。 包含数百个案例的大型 switch 语句。 switch(quest){ case 1:
用户在 2 个选择框中进行选择后,我尝试计算出报值(value)。 看起来 1 需要 2 个 switch 语句。这可能吗? (可能的值比下面的值多得多。为了清楚起见,我删除了它们) var wor
我在主 while 循环内有一个开关,它将运行我的游戏。我正在尝试打破我的开关,以便转到不同的案例。下面的例子更好地解释了这一点: int j = 0; While(1){ switch(j){ ca
我用 Java 创建了一个菜单,其中每个选项都有另一个菜单。我想知道是否可以从内部菜单退出回到主菜单。 编辑:添加了主菜单选项 System.out.println("Main Menu");
我有一个计算新分数的方法。下面的方法有效,但问题是代码本身看起来可以被显着清理。我只是不知道什么是最好的方法。我根据 filterString 和枚举 individualScoreState 分配
在 Lisp 中使用字符串切换语句。 (defun switch(value) (case value (("XY") (print "XY"))
我想做这样的事情: int i = 0; switch(difficulty) { case 1: i++; break; case 2: i--; break; defaul
在 Obj-c 中,我做了一个 switch 语句,我曾经使用 UIsplitviewcontroller 在我的 iPad 应用程序中四处移动现在我想快速地做同样的事情……我试了几个小时,现在我唯一
我想写一个结构如下的报告: \begin{document} \input[option=a]{class} \input[option=b]{class} \in
我正在认真阅读 ngSwitch 的 AngularJS API 引用。当我谈到那部分时的指令: place an expression on the on="..." attribute (or t
我是一名优秀的程序员,十分优秀!