从模型到视图的绑定的一种方法

安德鲁·P

使用Knockout,是否可以设置单向绑定,以便更改视图模型将更新视图,但是更新视图不​​会更新视图模型?

我正在使用路由引擎从URL获取参数,从源获取数据,填充视图模型,填充表单(视图)。但是,我不想在用户更改表单值时更新视图模型-我希望他们“提交”表单,这将更新URL,这将触发路由引擎...

我尝试过data-bind="textInput: MyValue",它会在每次击键时data-bind="value: MyValue"更新视图模型,当表单元素失去焦点时会更新视图模型data-bind="attr: {value: MyValue}",该方法适用于初始绑定,但是更改视图模型的值不会更新视图。

是否有任何默认绑定可以满足我的需求?还有其他方法吗?

谢谢!

坦维B

如果您在基因剔除中执行属性,绑定将成为一种方式/只读。因此,在以下模型中,例如:

var Person = function(data){
    var self = this;
    self.FirstName = ko.observable(data.FirstName);
    self.LastName  = ko.observable(data.LastName);
    self.FullName = ko.computed(function(){
        return self.FirstName() + " " + self.LastName()
    });
}
myData = { FirstName: "John", LastName: "Smith" }
var me = new Person(myData);

ko.applyBindings(me);

我只需在绑定中执行即可将FirstName设为单向/只读属性:

<input data-bind="value: FirstName()">
<input data-bind="value: LastName">
<label data-bind="text: FullName"></label>

因此,现在第一个输入仅获取值并且不能设置它,但是第二个输入将具有双向绑定并更新LastName属性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

视图模型绑定:当绑定到的类是抽象的时,是否有一种方法可以访问具体实现的属性?

来自分类Dev

从DOM元素绑定到Controller属性的一种方法-Ember

来自分类Dev

有没有一种方法可以将输入绑定到模型并在两者之间设置日期过滤器?

来自分类Dev

使用 List 从一种方法到另一种方法

来自分类Dev

将SwiftUI警报或操作表绑定到值类型模型属性的可选性的一种好方法是什么(当属性为nil时显示视图)?

来自分类Dev

在Spring Boot应用程序中如何使用模型数据从一种控制器方法重定向到另一种方法

来自分类Dev

在lua中,有没有一种方法可以将upvalue绑定到userdata值而不是函数?

来自分类Dev

有没有一种方法可以简洁地绑定到Angular 2中的多个事件?

来自分类Dev

有没有一种方法,我可以从绑定的Windows主机到Linux容器安装点的文件?

来自分类Dev

将方法从一种方法传递到另一种方法时的逻辑

来自分类Dev

将KDoc文档从一种方法复制到另一种方法

来自分类Dev

将块从一种方法传递到另一种方法

来自分类Dev

从另一种方法检索到的一种方法中设置的属性返回null

来自分类Dev

无法捕获从一种方法到另一种方法的返回值

来自分类Dev

无法将某些字段从一种方法传递到另一种方法

来自分类Dev

一种角度绑定到对象的方法

来自分类Dev

有没有一种方法可以使用AngularJS在没有JavaScript的模型上从ng-repeat绑定$ index的2种方式?

来自分类Dev

WTForms:我分别绑定对象上的每个字段,是否有一种方法可以一次将对象绑定到表单上?

来自分类Dev

有没有一种方法可以将属性绑定到如果未绑定的情况下应具有的值

来自分类Dev

phpunit,一种测试-一种方法?

来自分类Dev

从一种 Ruby 方法传递到另一种方法时数据已损坏?

来自分类Dev

“文字”是一种方法吗?

来自分类Dev

有没有一种方法可以使用实际的MVC视图和模型来创建HTML文件?

来自分类Dev

将字符串从一种方法传递到另一种android

来自分类Dev

将参数值从一种方法传递到另一种aspx.net

来自分类Dev

Ionic和Angularjs-表单绑定似乎只是一种方法。

来自分类Dev

如何在Angular JS中使用一种方法绑定来克隆表行

来自分类Dev

ComboBox绑定只能通过Color属性使用一种方法

来自分类Dev

有没有一种方法来检查jOOQ查询绑定值?

Related 相关文章

  1. 1

    视图模型绑定:当绑定到的类是抽象的时,是否有一种方法可以访问具体实现的属性?

  2. 2

    从DOM元素绑定到Controller属性的一种方法-Ember

  3. 3

    有没有一种方法可以将输入绑定到模型并在两者之间设置日期过滤器?

  4. 4

    使用 List 从一种方法到另一种方法

  5. 5

    将SwiftUI警报或操作表绑定到值类型模型属性的可选性的一种好方法是什么(当属性为nil时显示视图)?

  6. 6

    在Spring Boot应用程序中如何使用模型数据从一种控制器方法重定向到另一种方法

  7. 7

    在lua中,有没有一种方法可以将upvalue绑定到userdata值而不是函数?

  8. 8

    有没有一种方法可以简洁地绑定到Angular 2中的多个事件?

  9. 9

    有没有一种方法,我可以从绑定的Windows主机到Linux容器安装点的文件?

  10. 10

    将方法从一种方法传递到另一种方法时的逻辑

  11. 11

    将KDoc文档从一种方法复制到另一种方法

  12. 12

    将块从一种方法传递到另一种方法

  13. 13

    从另一种方法检索到的一种方法中设置的属性返回null

  14. 14

    无法捕获从一种方法到另一种方法的返回值

  15. 15

    无法将某些字段从一种方法传递到另一种方法

  16. 16

    一种角度绑定到对象的方法

  17. 17

    有没有一种方法可以使用AngularJS在没有JavaScript的模型上从ng-repeat绑定$ index的2种方式?

  18. 18

    WTForms:我分别绑定对象上的每个字段,是否有一种方法可以一次将对象绑定到表单上?

  19. 19

    有没有一种方法可以将属性绑定到如果未绑定的情况下应具有的值

  20. 20

    phpunit,一种测试-一种方法?

  21. 21

    从一种 Ruby 方法传递到另一种方法时数据已损坏?

  22. 22

    “文字”是一种方法吗?

  23. 23

    有没有一种方法可以使用实际的MVC视图和模型来创建HTML文件?

  24. 24

    将字符串从一种方法传递到另一种android

  25. 25

    将参数值从一种方法传递到另一种aspx.net

  26. 26

    Ionic和Angularjs-表单绑定似乎只是一种方法。

  27. 27

    如何在Angular JS中使用一种方法绑定来克隆表行

  28. 28

    ComboBox绑定只能通过Color属性使用一种方法

  29. 29

    有没有一种方法来检查jOOQ查询绑定值?

热门标签

归档