Question

我是AngularJS的新手，我正在通过this链接，我很想在使用ng-bind的文本框控件上进行实验。但它没有用。

<html>
    <title>AngularJS First Application</title>
    <body>
    <h1>Sample Application</h1>
    <div ng-app="">
       <p>Enter your Name: <input type="text" ng-model="name"></p>

        <input type ="text" ng-bind="name" />
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    </body>
    </html>

如何使用ng-bind填充文本框？

Answer 1

as， ngBind属性告诉Angular将指定HTML元素的文本内容替换为给定表达式的值，并更新文本内容当该表达式的值发生变化时，您将无法绑定到输入框：

<input type ="text" ng-bind="name" />

您可以使用ng-value

<input type="text" ng-value="name" />

或者您可以使用值属性中的模型填充输入框。

<input type="text" value="{{name}}" />

请参阅此codepen

如何使用ng-bind填充文本框？

1 个答案: