Javascript Angularjs ng模型更新输入元素的变量，而不是div元素的变量_Javascript_Html_Angularjs

Javascript Angularjs ng模型更新输入元素的变量，而不是div元素的变量

javascript html angularjs

Javascript Angularjs ng模型更新输入元素的变量，而不是div元素的变量,javascript,html,angularjs,Javascript,Html,Angularjs,所以我是Angularjs的新手，但我正在尝试为一个评论区编写代码，用户可以在这里发表评论。为此，我使用了一个具有contenditable=“true”属性的div元素。以下是我的html代码： <html> <script src="./includes/angular.min.js"></script> <script src="./includes/angular.route.js"></script>

所以我是Angularjs的新手，但我正在尝试为一个评论区编写代码，用户可以在这里发表评论。为此，我使用了一个具有contenditable=“true”属性的div元素。以下是我的html代码：

<html>
    <script src="./includes/angular.min.js"></script>
    <script src="./includes/angular.route.js"></script>
    <script src="./includes/angular.sanitize.js"></script>
    <script src="./includes/test.js"></script>  
    <body ng-app="testapp" ng-controller="cnt1"> 

        <div contenteditable="true" ng-model='comment'>{{comment}} </div>
        <input ng-model='comment' type='text'/><br>

        <div>{{comment}}</div>    
    </body>    
</html>


{{comment}}


{{comment}}

下面是.js代码

/// <reference path="./angular.min.js"
/// <reference path="./angular.route.js"
/// <reference path="./angular.sanitize.js"
/// <reference path="./jq/jquery-2.0.3.min.js"
/// <reference path="./moment.min.js"
/// <reference path="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"

var app = angular.module("testapp", ['ngRoute', 'ngSanitize']);
app.controller("cnt1", function ($scope, $http, $rootScope, $timeout) {
    $scope.comment = "type here";

});

//
ngModel
指令将input
、select
、textarea
（或自定义表单控件）绑定到使用此指令创建和公开的NgModelController的作用域上的属性
div
s未在此处列出：(
如果您仍然希望使用div
，请看下面的示例