Skip to main content
$rootScope.$apply追加
ソース リンク
hiro
  • 1,074
  • 2
  • 11
  • 19

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterSubmitForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterSubmit', function($rootScope){   
  return{
    require: '^enterSubmitForm',
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
               $rootScope.$apply(function(){
                  ctrl.submit();
               });
            }
        });
    }
  };                                                                
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-submit-form>
     <textarea ng-model="text" enter-submit></textarea>
   </form>
</div>

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterSubmitForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterSubmit', function(){   
  return{
    require: '^enterSubmitForm',
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
                ctrl.submit();
            }
        });
    }
  };                                                                
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-submit-form>
     <textarea ng-model="text" enter-submit></textarea>
   </form>
</div>

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterSubmitForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterSubmit', function($rootScope){   
  return{
    require: '^enterSubmitForm',
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
               $rootScope.$apply(function(){
                  ctrl.submit();
               });
            }
        });
    }
  };                                                                
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-submit-form>
     <textarea ng-model="text" enter-submit></textarea>
   </form>
</div>

本文に 3 文字追加
ソース リンク
hiro
  • 1,074
  • 2
  • 11
  • 19

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。
  

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterForm'enterSubmitForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterText'enterSubmit', function(){   
  return{
    require: ['^enterForm', ^enterSubmitForm'?ngModel'],
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
                ctrl[0].submit();
            }
        });
    }
  };                                                                
}); 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-submit-form>
     <textarea ng-model="text" enter-textsubmit></textarea>
   </form>
</div>

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。
 

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterText', function(){   
  return{
    require: ['^enterForm', '?ngModel'],
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
                ctrl[0].submit();
            }
        });
    }
  };                                                                
}); 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-form>
     <textarea ng-model="text" enter-text></textarea>
   </form>
</div>

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。 

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterSubmitForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterSubmit', function(){   
  return{
    require: '^enterSubmitForm',
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
                ctrl.submit();
            }
        });
    }
  };                                                                
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-submit-form>
     <textarea ng-model="text" enter-submit></textarea>
   </form>
</div>

ソース リンク
hiro
  • 1,074
  • 2
  • 11
  • 19

http://qiita.com/ikm/items/4fc4450ed8eb213039d8
keypressでEnterが押されたか確認し、FormのSubmitを行えば良いと思います。

angularで書いた場合のサンプルを作りましたので参考にして下さい。

var app = angular.module('app',[]);
app.controller("ctrl", function($scope){
  $scope.text = "init";
});

app.directive('enterForm', function(){
    return{
        controller: function($scope, $element){
            this.submit = function(){
                $element[0].submit();
            }
        }
    }
});
app.directive('enterText', function(){   
  return{
    require: ['^enterForm', '?ngModel'],
    link: function($scope, $element, attrs, ctrl){
        $element.on('keypress', function(e){
            if (e.keyCode == 13) {
                ctrl[0].submit();
            }
        });
    }
  };                                                                
}); 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <form enter-form>
     <textarea ng-model="text" enter-text></textarea>
   </form>
</div>