<div id="template-dom" class="{{m.className}}"> </div> <div class="user-profile"> <div> <div class="user-avatar"> <div> <img src='{{user.avatar}}'> {{m.user.name}} <script> // your lib code here,should exports a `render` function </script> <script> var m = { className:"user", user:{ name:"wscn", avatar:"http://notfound.com/img/notfound.png" } }  render(document.getElementById('template-dom'),m) </script>
window.render = function(el, model){
//
}
谢谢,遍历model,怎么和el 联系?{{}},插值表达式怎么写啊,可以实现它吗?
@Coca-code: 你可以用replace来做。。
@幻天芒: replace,正则?前端框架里这是个很常见形式,有关于{{}}插值表达式的原理和实现有学习资料吗?
@Coca-code: 参考模板引擎。
@幻天芒: 谢了...
data-bind="value:value"属性 knockoutJs
<!--html-->
<input type="text" data-bind="value: AClassno" placeholder="输入完整的车架号" />
<!--js-->
<script>
function carView() {
var data = this;
self.AClassno = ko.observable("");
}
var cvm = new carView();
ko.applyBindings(cvm);
$(document).ready(function () {
cvm.AClassno ("你要绑定的值");
}
</script>
感谢回答,但是我要的答案是一个外因引文件,some.js,这个文件形式如:
var render = function(el,model){ //TODO }; module.exports = render;