Javascript 您能同时使用ng开关和ng if吗?
我试图同时使用angularJavascript 您能同时使用ng开关和ng if吗?,javascript,html,eclipse,angularjs,angularjs-directive,Javascript,Html,Eclipse,Angularjs,Angularjs Directive,我试图同时使用angularng开关和ng if指令,但它似乎不起作用。我所做的是: <div data-ng-if = "x === 'someValue'" data-ng-switch on = "booleanValue"> <div data-ng-switch-when = "!booleanValue" data-ng-include="'partial/index.html'"></div> <div data-ng-swit
ng开关和ng if
指令,但它似乎不起作用。我所做的是:
<div data-ng-if = "x === 'someValue'" data-ng-switch on = "booleanValue">
<div data-ng-switch-when = "!booleanValue" data-ng-include="'partial/index.html'"></div>
<div data-ng-switch-when = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div>
</div>
我只是想知道这是否可能,或者是否有其他方法可以根据$scope中的某些条件切换这些部分?在ng开关中,使用true
和false
而不是booleanValue
和!布尔值
:
<div data-ng-if = "x === 'someValue'" data-ng-switch on = "booleanValue">
<div data-ng-switch-when = "false" data-ng-include="'partial/index.html'"></div>
<div data-ng-switch-when = "true" data-ng-include="'partial/pageTwo.html'"></div>
</div>
您还可以使用ng show:
<div data-ng-if = "x === 'someValue'" >
<div data-ng-show = "!booleanValue" data-ng-include="'partial/index.html'"></div>
<div data-ng-show = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div>
</div>
如果再次出现以下情况,请使用ng:
<div data-ng-if = "x === 'someValue'" >
<div data-ng-if = "!booleanValue" data-ng-include="'partial/index.html'"></div>
<div data-ng-if = "booleanValue" data-ng-include="'partial/pageTwo.html'"></div>
</div>
ngif更接近于ngswitch,因为它们实际上都从DOM分离并重新附加html片段。ng show只切换片段的可见性,而不将其从DOM中删除。开关应该是data ng switch on=“…”
还是data ng switch=“…”
?对不起,这是我的输入错误。它应该是数据ng开关打开