Javascript Angular ui tree在mozilla中不起作用

上述plunker在Chrome和IE中运行良好，但在Mozilla Firefox中则不然

当我尝试选择下拉列表时，页面正在重新加载。如何停止该问题

<script type="text/ng-template" id="items_renderer.html">
    <div ui-tree-handle>

        <a class="btn btn-success btn-xs" data-nodrag ng-click="toggle(this)"><span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed, 'glyphicon-chevron-down': !collapsed}"></span></a>
        <input type="text" style="display:none" ng-model="item.rowId">
        <input type="text" id="componentName{{$index}}" ng-style="getWidth(item.rowId)" ng-change="validateOnChange(item.componentName, 'componentName','',$index)" ng-model="item.componentName" style="width:156px;height: 23px;">
        <input type="text" id="componentIdentification{{getRowId(item.rowId)}}" ng-model="item.componentIdentification" ng-change="validateOnChange(item.componentIdentification,'componentIdentification', '',getRowId(item.rowId))" style="width:125px;height: 23px;">
        <select ng-model="item.componentType" id="componentType{{getRowId(item.rowId)}}" ng-change="validateOnChange(item.componentType, 'componentType', 'Select', getRowId(item.rowId))" style="width:102px;height: 23px;">
            <option>Select</option>
            <option ng-repeat="type in typeList" value="{{type.TYPE_ID}}">{{type.COMPONENT_TYPE}}</option>
        </select>
        <select ng-model="item.componentState" id="componentState{{getRowId(item.rowId)}}" ng-change="validateOnChange(item.componentState,'componentState', 'Select' ,getRowId(item.rowId))" style="width:122px;height: 23px;">
            <option>Select</option>
            <option ng-repeat="list in statusList" value="{{list.STATUS_ID}}">{{list.STATUS}}</option>
        </select>
        <select ng-model="item.actionId" id="actionId{{getRowId(item.rowId)}}" ng-change="validateOnChange(item.actionId, 'actionId', 'Select',getRowId(item.rowId))" style="width:103px;height: 23px;">
            <option>Select</option>
            <option ng-repeat="action in actionList" value="{{action.ACTION_ID}}">{{action.URL}}</option>
        </select>
        <select ng-model="item.actionToPerform" id="actionToPerform{{getRowId(item.rowId)}}" ng-change="validateOnChange(item.actionToPerform, 'actionToPerform', 'Select',getRowId(item.rowId))" style="width:122px;height: 23px;">
            <option>Select</option>
            <option ng-repeat="actionPerform in actiontoperformList" value="{{actionPerform.ACTIONPERFORM_ID}}">{{actionPerform.ACTION_TO_PERFORM}}</option>
        </select>

挑选
{{type.COMPONENT_type}
挑选
{{list.STATUS}
挑选
{{action.URL}
挑选
{{actionPerform.ACTION_TO_PERFORM}

您需要从

ui树节点

div中删除

ng模型

改变这个

<ol ui-tree-nodes ng-model="componentList">

对此

<ol ui-tree-nodes>

---

我通过禁用拖放功能解决了这个问题，因为它正在调用一些内部函数，因此页面正在重新加载

<div ui-tree="options" data-drop-enabled="false" data-drag-enabled="false">

如果我删除了该ng模型，那么树结构就不会正确出现。如果我保留了任何其他ng模型，那么我会再次在mozilla中刷新页面