<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "Utf-8"> <title></title> <Scriptsrc= "Js/knockout-3.4.0.js"type= "Text/javascript"CharSet= "Utf-8"></Script></Head><Body><aData-bind= "attr: {href:url, title:details}"> Report</a> <Scripttype= "Text/javascript"> varViewModel={url:ko.observable ("year-end.html"), details:ko.observable ("Report including final year-end statistics") }; Ko.applybindings (ViewModel)</Script> </Body></HTML>
If the property binding Data-sonmeth and CSS bindings, you also need to add quotation marks ' Data-sonmeth '
The following will be an error
<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "Utf-8"> <title></title> <Scriptsrc= "Js/knockout-3.4.0.js"type= "Text/javascript"CharSet= "Utf-8"></Script></Head><Body><DivData-bind= "attr: {data-something:somevalue}">...</Div> <Scripttype= "Text/javascript"> varViewModel={someValue:ko.observable ("{name: ' data-something '}"), }; Ko.applybindings (ViewModel)</Script> </Body></HTML>
The following is normal.
<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "Utf-8"> <title></title> <Scriptsrc= "Js/knockout-3.4.0.js"type= "Text/javascript"CharSet= "Utf-8"></Script></Head><Body><DivData-bind= "attr: {' data-something ': somevalue}">...</Div> <Scripttype= "Text/javascript"> varViewModel={someValue:ko.observable ("{name: ' data-something '}"), }; Ko.applybindings (ViewModel)</Script> </Body></HTML>
Knockout Learning Example 6 attr