如何在视图的某个状态上禁用输入.角
How to disable an input on a certain state in the view. Angular
我有一个指令,我在应用程序的两个不同的地方使用,我需要在应用程序的一个状态下禁用指令模板中的输入,而不是在另一个状态下。
我试过:
<input type="number" ng-model="data" ng-disabled='$state.current.name == "findRates"'/>
运气不好。如果我将ng-disable更改为如下所示:
ng-disabled='checkState()'
控制器中的checkState功能:
$scope.checkState = function() {
if ($state.current.name == 'findRates') {
return true;
}
};
这工作得很好,然而,我想在视图中这样做,而不需要在控制器中额外的位。我是不是错过了什么?我也试过使用$location,但运气不好,我宁愿使用$state,但我愿意接受任何建议。
因为你的控制器将$state
作为依赖项,但视图只暴露于$scope
变量,所以在其上添加变量,如
$scope.shouldDisable = $state.current.name == 'findRates'
,然后在视图
上使用shouldDisable
<input type="number" ng-model="data" ng-disabled="shouldDisable"/>
相关文章:
- 焦点输入时保持文本处于选中状态
- 如何在状态输入ui路由器时立即显示模板,然后当承诺被解决时显示数据
- 使用Angular.js验证表单输入的原始状态
- 验证输入,更新<td>属性以匹配验证状态
- Javascript:在表单中输入数据时,提交按钮不处于活动状态
- 清除值时,将输入背景颜色返回到原始状态
- 如何单元测试输入和解析 UI 路由器状态
- 将状态设置为“输入名称”字段的值时遇到问题
- 将焦点设置在带有错误消息的第一个输入元素上,并将包含它的 TabStrip 选项卡设置为活动状态
- 选择输入更改不会影响模型状态
- 在 React 中向组件添加新输入并跟踪状态
- 获取已从日期选择器中选择的输入的 React 状态
- 谷歌地图放置API V3自动完成 - 在输入时选择第一个选项(并使其保持这种状态)
- 检查是否有任何输入聚焦或处于活动状态,而不是在表单中
- 读取功能(无状态)组件中的<输入>
- 如何更改输入字段值,使其不会在每次更改时贯穿整个 Redux 状态更新周期
- 如何在页面刷新时保留无线电输入状态
- 单击后退按钮时如何保持输入状态
- 在反应中传递输入状态
- 在javascript中切换表单输入状态