角度引導模式打開點擊

$ scope.openJukeboxesModalToGroup - 開放模式彈出
$ scope.searchJukeboxes ---頁面
上搜索$ scope.keyPressed - 捕獲鍵按下

在局部用形式

<form class="form-inline" role="form" ng-submit="deadForm()"> 
    <div class="form-group"> 
     <button ng-click="openJukeboxesModalToGroup()" class="btn btn-info">Add Stores to Group</button> 
    </div> 
    <div class="form-group"> 
     <input type="text" ng-model="jukeboxFilter" ng-keypress="keyPressed($event, 'search')" class="form-control" placeholder="search"> 
    </div> 
    <button type="button" ng-click="searchJukeboxes()" class="btn btn-info"><span class="glyphicon glyphicon-search"></span></button> 
    <button type="button" ng-click="resetFilter()" class="btn btn-info"><span class="glyphicon glyphicon-repeat"></span></button> 
</form>

的keyPressed方法是

$scope.keyPressed = function($event, eventType) { 
     $event.stopImmediatePropagation(); 
     if(eventType=='search') { 
      if($event.which==13) { 
       $scope.searchJukeboxes(); 
      } 
     } 
};

我想只要開始永遠有人類型的東西在文字欄和點擊進入搜索。但我不知道openJukeboxesModalToGroup（）方法也被調用。我試圖通過調用stop事件proprpagation來停止這個，改變openJukeboxesModalToGroup（）方法的名字。但沒有任何工作。對此有任何幫助。

deadForm（）方法正在實施中，我在chrome控制檯中沒有收到任何錯誤。

來源

2015-01-09 jeevs

爲什麼下跌投票？任何原因？ – jeevs

不要投票只是爲了使用它，確實有一個似是而非的解釋投票給這個問題。 – jeevs

更改按鈕openJukeBoxesModalToGroup()這樣：

<button type="button" ng-click="openJukeboxesModalToGroup()" class="btn btn-info">Add Stores to Group</button>

的問題是你是不是提供了一個類型，因此它被分級的按鈕作爲提交在這種情況下openJukeboxesModalToGroup（）正從您進入submit解僱事件。

當你打一個表單中輸入它會引發提交，我建議增加你的方法，形式本身通過NG-提交指令，使您的按鈕提交...

<form class="form-inline" role="form" ng-submit="searchJukeboxes()"> 
    <div class="form-group"> 
     <button type="button" ng-click="openJukeboxesModalToGroup()" class="btn btn-info">Add Stores to Group</button> 
    </div> 
    <div class="form-group"> 
     <input type="text" ng-model="jukeboxFilter" ng-keypress="keyPressed($event, 'search')" class="form-control" placeholder="search"> 
    </div> 
    <button type="submit" ng-click="searchJukeboxes()" class="btn btn-info"><span class="glyphicon glyphicon-search"></span></button> 
    <button type="button" ng-click="resetFilter()" class="btn btn-info"><span class="glyphicon glyphicon-repeat"></span></button> 
</form>

來源

2015-01-09 11:48:03

角度引導模式打開點擊

回答

相關問題