当前位置: 首页 > 面试题库 >

将值绑定到Angular JS中的输入

宫高义
2023-03-14
问题内容

我有这样的输入

<input type="text" name="widget.title" ng-model="widget.title" value="{{widget.title}}"/>

我想动态更改输入值,所以我可以使用它,但它不会更改值:

$scope.widget.title = "a";

问题答案:

您根本不需要设置该值。ng-model负责:

  • 设置模型的输入值
  • 更改输入时更新模型值
  • 从js更改模型时更新输入值

这是这个的小提琴:http :
//jsfiddle.net/terebentina/9mFpp/



 类似资料:
  • 我可以使用以下代码轻松地将数据绑定到div或pre标记: 但是,我想尝试将此数据绑定到隐藏表单输入,我尝试了: 这将返回以下错误: 所以很明显,在使用ng模型时,我不能使用| json。角度文档仍然有点稀疏,我似乎无法找到如何正确分配它,即使我可以?谢谢:) 我需要将这个json数据加载到我的金字塔应用程序中,并将其分配到一个隐藏的表单字段中,这似乎是最好的方法,或者我应该以另一种方式来做?

  • 问题内容: 我想将ckeditor文本绑定到ng-model文本 我的看法 控制者 我想在表单提交时在$ scope.text中设置ckeditor值 提前 问题答案: CKEditor在键入时不会更新文本区域,因此您需要注意这一点。 这是一条使ng-model绑定与CK配合使​​用的指令: 在html中,只需使用: 先前的代码将在每次更改时更新ng-model。 如果只想在保存时更新绑定,请覆盖

  • 问题内容: 我试图弄清楚如何将AngularJS范围变量绑定到CSS语法中。我认为问题出在花括号中。这是我基本上想做的事情: 关于如何实现这一目标的任何想法?谢谢! 问题答案: 如此处所述, angular不会在样式标签内的内容上运行。在那篇文章中有一个解决方法,但是作为一种更灵活的方法,我只是创建一个指令来获取内容,解析它们并替换: 更新的答案 用法: http://jsfiddle.net/V

  • 如何将MVVM值绑定到dropdownlist?下面的输入元素运行良好

  • 问题内容: 我在将单选按钮绑定到其属性具有布尔值的对象时遇到问题。我正在尝试显示从$ resource获取的考试题。 HTML: JS: 对于此示例对象,“ isUserAnswer:true”属性不会导致选中单选按钮。如果我将布尔值封装在引号中,则可以使用。 JS: 不幸的是,我的REST服务将该属性视为布尔值,并且很难更改JSON序列化以将这些值封装在引号中。还有另一种方法可以设置模型绑定而不

  • 问题内容: 如何创建绑定到一个并使用(已完成)输出两个字段的指令。从本质上讲,我 从模型到输入 工作都有一个方向,而 从输入到模型却 没有另一方向。如何实现呢? 我有这个HTML: 和一个模型: 边注; 我创建了一个过滤器来拆分这两个值: 而这个指令: 问题答案: 正确的方法(IMO)是按照此处所述创建自定义控件。 作为练习,我在此提琴中实现了它:http : //jsfiddle.net/6cn