Question

我有一个多步骤表单，它有嵌套视图（由whiskeyView表示）。

但是，我似乎无法获得＆＃34;下一个＆＃34;给定视图所需的条件（whiskeySearch或whiskeyNew），按钮与ng-disabled相应地工作。

如何组织条件而不会在标题中发布错误？

或者，如何从控制器中做得更好？

<a ng-click="currentView = 3" ng-disabled="(($parent.whiskeyView === 
'whiskeySearch' && !post.whiskey) || ($parent.whiskeyView === 'whiskeyNew' 
&& whiskey.value.name || !whiskey.value.style))"  
ng-class="{active: currentView === 3}"><span>3</span> Review </a>

ng-disabled向div添加[disabled]属性，我在样式表中处理它。

Answer 1

ng-disbled不会禁用（link）元素的ng-click事件。所以在ng-click表达式中执行类似的操作：

ng-click="!(($parent.whiskeyView === 'whiskeySearch' && !post.whiskey) || ($parent.whiskeyView === 'whiskeyNew' && whiskey.value.name || !whiskey.value.style)) && currentView = 3"

请注意，您应该为已禁用的a（链接）标记更改不同的样式。

光标

：

- 不允许 在样式表中，为禁用的锚标记添加cursor:not-allowed;。

<强> - 默认看到这个plunker http://plnkr.co/edit/GkP1ukju4FWgBeprBLwj?p=preview

具有多个条件的ng-disabled抛出＆＃34;意外的结束表达＆＃34;错误

1 个答案: