AngularJS的ng-switch-trigger在它自己的ng-switch-wrapper中
AngularJS ng-switch-trigger within its own ng-switch-wrapper
我正在尝试切换2个按钮,这是他们自己的开关触发器。为了更好地理解:
<span ng-switch on="patientSwitch">
<span ng-switch-when="edit">
<button ng-click="patientSwitch='save'">save</button>
</span>
<span ng-switch-when="save">
<button ng-click="patientSwitch"='edit'">edit</button>
</span>
</span>
这里是一些jsFiddle: http://jsfiddle.net/g7vKz/
用对象代替:
myApp.controller("PatientCtrl", function($scope) {
$scope.viewModel = { patientSwitch: "edit" };
});
:
<span ng-switch on="viewModel.patientSwitch">
<span ng-switch-when="edit">
<button ng-click="viewModel.patientSwitch='save'">save</button>
</span>
<span ng-switch-when="save">
<button ng-click="viewModel.patientSwitch='edit'">edit</button>
</span>
</span>
演示:http://jsfiddle.net/M7EX2/
ngSwitch
创建了一个新的作用域,这意味着除非你使用一个对象,否则你会遇到这个问题,因为JavaScript中的原型继承是如何工作的。
在这里可以找到关于这个主题的很好的帖子。
相关文章:
- 按我自己的类克隆另一个元素的内容和顺序
- 如何配置分析以将数据发送到我自己的服务器
- 打破ng中的字符数组,重复并设置每个字符自己的输入标记
- 如何在模板的 ng-switch 中使用指令的属性
- 带有父子控制器的 Angular 中的 ng-switch
- ng-switch-when:它是否每次重新创建新控制器并在选择不同步骤时删除以前的数据
- 如何使用 ng-switch 切换显示带有 AngularJS 的嵌套表
- AngularJS中的嵌套ng-switch
- 带typeof表达式的Ng-switch
- 使用ng-if/ng-show/ng-switch的Angular条件显示会简要地显示这两个元素
- 如何以多种方式让Angular的ng-switch animate(enter/leave)
- Angular JS的ng-switch不起作用
- 使用ng-switch的Angular表单
- 将ng-change应用于一个,该文件已经使用了它自己的指令
- AngularJS简单的ng-switch不能工作
- 元素.Find对ng-switch中的嵌套元素不起作用
- 如何简化具有相似元素的ng-switch
- AngularJS的ng-switch不需要额外的DOM
- AngularJS的ng-switch-trigger在它自己的ng-switch-wrapper中
- AngularJS的ng-select和ng-switch-when问题