ms-bind的代替方案 #196

RubyLouvre · 2013-12-13T02:15:12Z

原来的方案

<!doctype html>
<html >
    <head>
        <script src="avalon.js"></script>
        <script>
            var model = avalon.define("test", function(vm) {
                vm.aaa = 11111
                vm.callback = function(a) {
                    this.innerHTML = a
                }
            })
            setInterval(function() {
                model.aaa = new Date - 0
            }, 50)
        </script>
    </head>
    <body ms-controller="test">
        <div ms-bind="aaa:callback">TEXT</div>
    </body>
</html>

替换方案，使用$watch与ms-attr-id

<!doctype html>
<html >
    <head>
        <script src="avalon.js"></script>
        <script>
            var model = avalon.define("test", function(vm) {
                vm.aaa = 11111
                vm.$watch("aaa", function(e){
                    var el = document.getElementById("aaa")
                    if(el){
                        el.innerHTML = e
                    }
                })
            })
            setInterval(function() {
                model.aaa = new Date - 0
            }, 50)
        </script>
    </head>
    <body ms-controller="test">
        <div ms-attr-id="'aaa'">TEXT</div>
    </body>
</html>

fwon · 2013-12-27T07:06:59Z

出于什么考虑呢？

RubyLouvre closed this as completed Dec 15, 2013

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ms-bind的代替方案 #196

ms-bind的代替方案 #196

RubyLouvre commented Dec 13, 2013

fwon commented Dec 27, 2013

ms-bind的代替方案 #196

ms-bind的代替方案 #196

Comments

RubyLouvre commented Dec 13, 2013

fwon commented Dec 27, 2013