바인딩 그룹

2716 단어 수조
index4.html
<html>
<head>
<title> </title>
<script src="jquery-1.11.2.min.js"></script>
<script src="groot.js"></script>
</head>
<body>
<div gt-view="myview">
<input type="button" gt-click="push" value=" "/>
<input type="button" gt-click="pop" value=" pop"/>
<input type="button" gt-click="chObject" value=" "/>
<input type="button" gt-click="splice" value=" splice"/>
<input type="button" gt-click="insert" value=" "/>
<input type="button" gt-click="chList" value=" "/>
<ul gt-each="list">
<li gt-attr="$index(id,value +1)"><span gt-text="{$index}+1"></span><span> :</span><span
gt-text="{name}"></span>---<span> :</span><span
gt-text="{sex}"></span><input
type="text" gt-value-change="name"/></li>
</ul>
</div>
</body>
</html>
<script>
groot.view("myview", function (vm, ve) {
vm.list = [
{"name": " ", "sex": " "}
];
ve.push = function () {
vm.listpush({"name": " ", "sex": " "});
}
ve.pop = function () {
vm.listpop();
}
ve.splice = function () {
vm.listsplice(1, 1);
}
ve.insert = function () {
vm.listsplice(1, 0, {"name": " ", "sex": " "});
}
ve.chObject = function () {
vm.list[1] = {"name": " ", "sex": " "};
vm.listRender(1);
}
ve.chList = function () {
vm.list=[
{"name": " ", "sex": " "}
,{"name": " ", "sex": " "}
];
vm.listRender();
}
})
</script>

귀속수 그룹 여기, 주의:
1. 그룹의 렌더 방법은 대상과 속성과 다르다
2. 숫자의 조작push pop shift unshift splice contact 조작은 수조를 직접 조작하는 것이 아니라 수조가 있는 대상에 대응하는 수조를 생성하는 조작 방법입니다. 예를 들어listpush 방법은list 수조에 새로운 항목을 추가하는 것입니다.

좋은 웹페이지 즐겨찾기