为什么angularjs ng-include打破'bootstrap-switch'

时间:2013-11-17 08:37:41

标签: angularjs twitter-bootstrap

我正在尝试向我的局部视图添加一个开关,只要我没有使用ng-include切换视图,它就可以工作。任何想法为什么破灭?

plnkr code

中的示例

基本上这就是我在那里做的事情:

<div ng-app="myApp">
      <div ng-controller="RootController">
      {{MyText}} : {{subview}}
        <button ng-click="SelectAdmin()">Administration</button>                
        <button ng-click="SelectOperation()">Operations[Breaks!]</button> 
        <br/>

        <div ng-switch="subview">
          <div ng-switch-when="operations">
              <div ng-include src="'./_partial.htm'"></div>
          </div>  
          <div ng-switch-when="administration">
            SHOWING :{{subview}}
            <div class="make-switch switch-large">
                <input type="checkbox" checked="" />
            </div>
          </div>
        </div>
      </div>
    </div>

编辑1

更多地描述问题: 当我启动页面时,我显示不在局部的div。 i,e,设置subview = admionistrator并查看如下视图。

enter image description here

现在,当我点击“操作”按钮时,我切换视图但使用ng-include加载局部视图。部分视图实际上显示相同的内容,但视图混乱,如下图所示。 enter image description here

现在,即使我通过单击“管理员”按钮切换回早期视图,仍然会断开make-switch。 enter image description here

0 个答案:

没有答案