如何在元素输入角度设置ime-mode?

时间:2014-01-03 11:01:07

标签: angularjs input

我在http://docs.angularjs.org/api/ng.directive:input

阅读
<input
       ng-model="{string}"
       [name="{string}"]
       [required]
       [ng-required="{boolean}"]
       [ng-minlength="{number}"]
       [ng-maxlength="{number}"]
       [ng-pattern="{string}"]
       [ng-change="{string}"]>
</input>

如何在此代码中设置ime-mode?

2 个答案:

答案 0 :(得分:0)

您可以向输入添加其他属性(不会导致任何错误),因此只需添加style="ime-mode: disabled"(或添加class属性并设置ime-mode在你的CSS中 - 在我看来这是更好的方式)

答案 1 :(得分:0)

Chrome,Safari或Opera不支持

ime-mode。在此处详细了解ime-mode及其兼容性:https://developer.mozilla.org/en-US/docs/Web/CSS/ime-mode

如果您确实想在支持的IE和Firefox版本中使用它,可以使用以下两种方法:

使用班级:

<input class="ime">

<强> CSS:

.ime {
  ime-mode: disables;
}

内联样式(不推荐):

另请注意,您的标记无效。 input代码是自动关闭的,需要</input>。此外,对于angular,您可能不需要namerequired属性。标记应该看起来像这样:

<input
  ng-model="myModel"
  ng-required="required"
  ng-minlength="minLength"
  ng-maxlength="maxLength"
  ng-pattern="regex"
  ng-change="myChangeFunction()"
>

使用Angular对这些值进行数据绑定:

app.controller('myCtrl', function($scope) {
  $scope.myModel = 'input value here';
  $scope.required = true;
  $scope.minLength = 5;
  $scope.maxLength = 20;
  $scope.regex = '/put your regex here/';
  $scope.myChangeFunction() {
    //code to run when value of input is changed
  };
});