하나의 요소에 여러 개의 데이터 바인딩 속성을 갖는 방법은 무엇입니까?

하나의 요소에 여러 개의 데이터 바인딩 속성을 갖는 방법은 무엇입니까?

하나의 요소에 여러 개의 데이터 바인딩이 필요합니다.예를 들어, 나는.href뿐만 아니라html하나로 데이터 바인딩. a술래잡기. 먹어봤는데,

<a data-bind="html: name" 
   data-bind="attr: { href: url }" 
   data-bind="attr: { 'data-prop': xyz }">
</a>

하지만 이것은 효과가 없습니다.녹아웃은 바인딩 하나만 지원하는 것 같습니다. data-bind재산?둘 다 바인딩하는 방법href내면의html그리고 사용자 정의 "data-prop하나의 요소에 대한 속성?

다음과 같이:

<a data-bind="html: name, attr: { href: url }">

쉼표로 구분된 바인딩을 사용합니다. 속성은 개체를 전달하는 것과 동일합니다.

{
    html: name, 
    attr: { href: url }
}

아니면, 복수에 대해 질문하는 경우.attr한 번에 바인딩:

<a data-bind="html: name, attr: { href: url, 'data-prop': FullName }">

이것이 제가 data-bind를 사용하여 source 속성과 click event를 구현한 방법입니다.당신은 그것이 유용하다고 생각할지도 모릅니다.

<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)},
                 attr: {src: $data.Photo.PhotoUrl }}"
     alt="package pic" class="big" />

단순하게 사용하는 방법:

<input type="checkbox"
    data-bind="click: callFunction(), checkedValue: 0, checked: Card.Days">

확인란 요소의 경우.

다음을 사용하여 여러 속성을 사용할 수 있습니다.,아래와 같이

<a data-bind="attr: { href: url, id: id , class: classvalue}">

이런 물건

{ url: 'http://stackoverflow.com', id:'newid' , classvalue: 'classname' }

아래와 같이 사용할 수 있습니다.

data-proxy="text: 메서드입니다.method_method, 특성: {'id': 'label_method_' + 메서드입니다.method_code}"

언급URL : https://stackoverflow.com/questions/10700020/how-to-have-multiple-data-bind-attributes-on-one-element