zoukankan      html  css  js  c++  java
  • attr绑定

    目的

    attr绑定可以设置DOM元素的属性值。例如,当我们需要设置title的值,或者一个img的src值,或者一个超链接的href,使用属性绑定会在model的值发生改变时动态的更新绑定的属性值。

    示例

    <a data-bind="attr: { href: url, title: details }">
        Report
    </a>
     
    <script type="text/javascript">
        var viewModel = {
            url: ko.observable("year-end.html"),
            details: ko.observable("Report including final year-end statistics")
        };
    </script>

    这样就会把url设置成year-end.html, 把title设置为Report including final year-end statistics.

    参数

      传递的参数是一个JavaScript对象的类型,参数的名称就是属性的名称,参数的值呢,就是要设置的属性的值。

      如果参数的值使用了一个observable的属性,那么这个属性将会是动态的,当observable的值发生改变时,KO会更新属性值。

    注:如果属性名称不是一个合法的JavaScript变量名要怎么办

      例如,要绑定属性data-something,这样写是错的:  

    <div data-bind="attr: { data-something: someValue }">...</div>

      正确的写法,是把属性使用引号括起来:

    <div data-bind="attr: { 'data-something': someValue }">...</div>

    注:在老的浏览器是使用一些JavaScript关键字

      在一些老的浏览器(如IE8以下的),使用javascript的关键字会报错,此时只需要使用引号把关键字括起来就行了:

    <input data-bind="attr: { 'for': someValue }" />
  • 相关阅读:
    在ASP.NET MVC中使用DropDownList引用。呵呵。
    获取泛型对象
    Tomcat JVM 初始化加大内存
    Tomcat6.0 连接池的配置
    @ResponseBody与Ajax
    c3po数据库连接池中取出连接
    SpringMVC
    JQuery发送Ajax请求
    Java生成验证码
    Spring初学
  • 原文地址:https://www.cnblogs.com/wileywong/p/4211667.html
Copyright © 2011-2022 走看看