javascript - 为什么在 angularjs 中与 ng-model 一起使用时，html 中的值属性不起作用？

Question

我是 angularjs 的新手。尝试用它来构建简单的应用程序。我有一个 html 文本框，默认初始值为“Abc”。

<input type="text" value="Abc">  

现在，我想获取文本框中的值。为此，我正在使用 ng-model 指令。

<input type="text" ng-model="demo" value="Abc">  

但是只要我在输入中输入 ng-model 指令，文本框中的默认值就会消失，并显示一个空白文本框。有什么想法吗？

Answer 1

这就是所需的功能 - Angular 方式

<input type="text" ng-model="demo" value="Abc">

function Main($scope) {
  $scope.demo = 'Abc';
}

另一种解决方法是使用 ng-init:

<input type="text" ng-model="demo" ng-init="demo='Abc'" value="Abc">

供引用:Input default value