javascript - 将 ng-model 指令和值属性与文本框的相同属性绑定(bind)在一起,使中文字符被删除

标签 javascript angularjs

我正在尝试将 ng-model 和 value 属性与相同的属性绑定(bind)。它在所有浏览器中都能正常工作。但是在 IE8 中,当我使用中文输入时,它会在输入时自动清除。只有当 ng-model 和 value 属性与相同的属性绑定(bind)时才会发生这种情况。

这是示例代码

<html ng-app="dummy">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <title>Angular</title>
    <script type="text/javascript" src="./js/angular.js"></script>
    <script type="text/javascript">
        var countryApp = angular.module('dummy',[]);

        countryApp.controller('dummyCtrl',['$scope',function(scope){
            scope.dummyVar = '1';               
        }]);
    </script>
</head>
<body>
    <div ng-controller="dummyCtrl">
        <input ng-model="dummyVar" value="{{dummyVar}}"/>
        <p>{{dummyVar}}</p>
    </div>
</body>

最佳答案

删除:value="{{dummyVar}}ng-model 会将模型的初始值放入输入。输入更改将更改模型上的值

<div ng-controller="dummyCtrl">
    <input ng-model="dummyVar"/>
    <p>{{dummyVar}}</p>
</div>

关于javascript - 将 ng-model 指令和值属性与文本框的相同属性绑定(bind)在一起,使中文字符被删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29878242/

相关文章:

javascript - AngularJS 隔离范围 ng-model 验证

javascript - 添加没有html的文本悬停图像

Javascript - 使用参数数组创建实例

javascript - 对页面或其 Controller 进行基准测试

javascript - 如何从 Angular 应用程序中的服务调用 Controller 中的函数

javascript - 如何在 angularjs 中迭代 $scope 变量?

javascript - 使用指令/$compile 将 HTML 设置为属性

javascript - JavaScript 函数的执行方式不总是相同吗?

javascript - 如何淡入淡出然后重新淡化 jquery

javascript - 添加新路由时出现错误,路由配置中需要路径