首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用ng-bind填充文本框?

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

Stack Overflow用户
提问于 2015-03-24 15:59:18
回答 1查看 28.5K关注 0票数 10

我是AngularJS的新手,我正在通过this链接,我很好奇使用ng-bind在文本框控件上做实验。但它不起作用。

代码语言:javascript
复制
<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填充文本框?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-24 16:06:20

因为,ngBind属性告诉Angular用给定表达式的值替换指定元素的文本内容,并在该表达式的值更改时更新文本内容,您将无法绑定到输入框:

代码语言:javascript
复制
<input type ="text" ng-bind="name" />

您可以改为使用ng-value

代码语言:javascript
复制
<input type="text" ng-value="name" />

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

代码语言:javascript
复制
<input type="text" value="{{name}}" />

查看此codepen

票数 22
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29227480

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档