groot 외부 템플릿 도입

index7.html

<html>
<head>
    <title>groots van</title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="groot.js"></script>
    <style>
        .back0{
            background-color: coral;
        }
        .back1{
            background-color:forestgreen;
        }
    </style>
</head>
<body>
<div gt-view="myview">
    <div gt-css="c(color,value)">hello word!</div>
    <input gt-attr="uid(id,'view'+value)" type="text" gt-value-change="say"><span gt-text="'hello '+{say}"></span>
    <div gt-include="./templ.html">

    </div>
</div>
</body>
</html>
<script>
    groot.view("myview", function (vm, ve) {
        vm.list = [
            {"name": " ", "sex": " "}
            ,{"name": " ", "sex": " "}
            ,{"name": " ", "sex": " "}
        ];
        vm.uid = "123";
        vm.say = "word";
        vm.c="red"
    })
</script>

템플릿 컨텐트

<ul gt-each="list">
    <li gt-class="$index(back0:value % 2 ==0,back1:value % 2==1)"><span gt-text="{$index}+1"></span><span> :</span><span
            gt-text="{name}"></span>---<span> :</span><span
            gt-text="{sex}"></span></li>
</ul>

외부 템플릿 명령lt-include = "경로"도입;경로의 쓰기 방법은commonjs와 유사합니다. "/"현재 디렉터리를 표시합니다../상위 디렉터리가 없음을 표시합니다./와./루트 디렉터리부터 시작합니다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

grootJS ui 컨트롤 정의

index13.html 하나의 공간을 사용하려면 먼저 js에서 컨트롤러require ("./ui) 를 인용해야 합니다. html에서 연결 컨트롤 name는 속성 이름입니다. myui는 컨트롤 이름입니다. 다음은 이 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

groot 외부 템플릿 도입

좋은 웹페이지 즐겨찾기