代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<title>ms-live</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.red { color:#f00; }
</style>
</head>
<body >
<div ms-controller="model">
<div ms-html="aaa" ms-live-click="live"></div>
<ul ms-each="array">
<li ms-live-click="getIndex">{{$index}}</li>
</ul>
<input ms-live-focus="focus" ms-live-blur="blur" />
<input type="radio" name="aaa" ms-live-change="check" value="111"/><input ms-live-change="check" type="radio" name="aaa" value="222"/>
<input ms-live-change="check" value="xxxx"/> <input ms-live-change="check" value="xxxx" type="password"/>
<textarea ms-live-change="check">dddd</textarea>
<select ms-live-change="check">
<option>1111</option>
<option>2222</option>
<option>3333</option>
</select>
<select ms-live-change="check" multiple>
<option>1111</option>
<option>2222</option>
<option>3333</option>
</select>
<div>{{show}}</div>
</div>
<script src="avalon.js" type="text/javascript"></script>
<script>
require("avalon.live", function() {
var model = avalon.define("model", function(vm) {
vm.aaa = "<b>ddd</b>"
vm.live = function(e) {
avalon.log(this)
avalon.log(e.target)
}
vm.array = ["a", "b", "c", "d"]
vm.show = ""
vm.getIndex = function() {
vm.show = this.innerHTML
}
vm.focus = function(e) {
vm.show = e.type
}
vm.check = function(e) {
vm.show = e.type + " " + avalon(this).val()
}
vm.blur = function(e) {
vm.show = e.type
}
});
setTimeout(function() {
model.aaa = "<em>dddd</em>"
}, 3000)
setTimeout(function() {
model.aaa = "<em>3333</em>"
}, 4000)
avalon.scan()
})
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。