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

Question

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

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

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

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

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

Answer 1

这是所需的功能 - Angular way

<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