Angular UI - 爲按鍵綁定和解除綁定

Question

我想在用戶單擊複選框時綁定/解除綁定按鍵。我試圖編碼一點，但沒有在JavaScript控制檯中的錯誤沒有任何工作。

HTML

<textarea name="message" ng-model="message" ui-keypress="btnEnter"></textarea> 
<input type="checkbox" ng-click="bindKeyEnter($event)"> 

JS

function MyCtrl($scope) { 
    $scope.btnEnter = {}; 

    $scope.bindKeyEnter = function(e) { 
     var checkbox = e.target; 
     $scope.btnEnter = checkbox.checked ? {enter: 'sendMessage()'} : {} 
    }; 

    $scope.sendMessage = function() { console.log($scope.message); } 
} 

您的建議？

Answer 1

你可以做這樣的：

HTML：

<div ng-controller="TstCtrl"> 
    <input ui-keypress="{enter: enter}" /> 
    <input type="checkbox" ng-model="doOnEnter" /> 
</div> 

的Javascript：

app.controller('TstCtrl', function ($scope) { 
    $scope.enter = function() { 
     if ($scope.doOnEnter) 
      realOnEnter(); 
    }; 

    function realOnEnter() { 
     console.log('On enter'); 
    } 
}); 

見working jsfiddle here