livereload重新加载我的网页而不更改文件

Question

我不知道为什么在添加新注册表时我的网页重新加载，下一个代码之间的差异是表单标记。第一个代码重新加载页面，没有表单标签页的第二个代码没有重新加载，我不明白为什么。有人能帮助我吗？

<div class="container" ng-controller="mybranchofficeCtrl">
 <h2>Mis Salas</h2>
 <!--newRoom input-->
 <form role="form">
  <div class="row">
   <div class="input-group">
    <input type="text" class="form-control" ng-model="room.rooms.name" placeholder="Crea tu Sala">
    <span class="input-group-btn">
      <input type="submit" class="btn btn-primary"  ng-click="newRoom()" value="Añadir">
     </span>
   </div> 
  </div> 
 </form>
 <p></p>
 <p class="input-group" ng-repeat="room in rooms.data">
  <input class="form-control" type="text" ng-model="room.name">
  <span class="input-group-btn">
    <button class="btn btn-danger" ng-click="disableRoom($index)" arial-label="delete">X</button>
  </span>
 </p>
</div>

但是没有，差异是什么？

<div class="container" ng-controller="mybranchofficeCtrl">
 <h2>Mis Salas</h2>
 <!--newRoom input-->
 <div class="row">
  <div class="input-group">
    <input type="text" class="form-control" ng-model="room.rooms.name" placeholder="Crea tu Sala">
    <span class="input-group-btn">
      <input type="submit" class="btn btn-primary"  ng-click="newRoom()" value="Añadir">
    </span>
  </div> 
 </div> 
 <p></p>
 <p class="input-group" ng-repeat="room in rooms.data">
  <input class="form-control" type="text" ng-model="room.name">
  <span class="input-group-btn">
    <button class="btn btn-danger" ng-click="disableRoom($index)" arial-label="delete">X</button>
  </span>
 </p>
</div>

这些是控制器，我使用的是HTML代码。

$scope.newRoom = function() {
        $scope.room.rooms.branchoffice_id = $scope.branchId;
        butlerService.createRoom($scope.room).then(function(newroom) {
            $scope.rooms.rooms.push(newroom);
        });
    }
$scope.disableRoom = function(index) {
        var delroom = {};
        delroom = {rooms:{id:$scope.rooms.data[index].id}}
        butlerService.deleteRoom(delroom).then(function() {
            $scope.rooms.data.splice(index,1);
        });

    }

提前致谢。