géppel és
Először hozzon létre egy új mappát. Mi ezt a proj. de bármi lehet a kívánt nevet.
A projekt felépítése a következő:
Gépelt fájlok lesznek az src mappában. géppel kezeli a fordító, és az eredmény kerül a build.
Hozzunk létre ezt a struktúrát:
Először is, győződjön meg arról, hogy géppel és tipizálását meg globálisan.
Meg kell, hogy Knockout könyvtár maga, valamint egy úgynevezett RequireJS. RequireJS - egy könyvtár, amely lehetővé teszi, hogy aszinkron módon betölteni modulokat a futás során.
Háromféle módon lehet megtenni:
- Fájlok feltöltése kézzel, és tegyük őket.
- Fájlok feltöltése révén csomagkezelő, például Bower. és elhelyezni őket.
- Használjon tartalomszolgáltató rendszer (CDN), hogy helyezze a fájlokat.
Mi fogja, hogy egyszerű és az első lehetőséget választja, de a dokumentáció Knockout van egy részletes leírást a használat CDN. és más könyvtárak, mint RequireJS, megtalálható a cdnjs.
Külsőségek hozzon létre egy mappát a gyökér a projekthez.
Most letöltés Knockout és RequireJS ebben a mappában. A legfrissebb és minifitsirovannye változatai ezek a fájlok kell menni.
Ehhez hozzon létre egy fájlt tsconfig.json. listáját tartalmazó bemeneti fájlokat és az összes beállítást összeállítása. Egyszerűen hozzon létre egy új fájlt nevű tsconfig.json a gyökérkönyvtárban a projekt, és illessze be az alábbi kódot:
Itt szerepel tipizálását / index.d.ts fájlt. amely azért jött létre tipizálását. Ez a fájl automatikusan tartalmazza az összes telepített függőséget.
Ha szeretne többet megtudni tsconfig.json a fájlokat.
Írjunk az első kódot géppel használva Knockout. Először hozzon létre egy fájlt nevű Hello.ts az src mappában.
Ezután az azonos src könyvtárban hozzon létre egy require-config.ts fájlt.
Ez a fájl RequireJS, hol kell keresni a Knockout, amikor importálja a hello.ts fájlt. Minden oldalak létrehozásakor tartalmaznia kell a fájl után azonnal RequireJS, de az importálás előtt mást. Ahhoz, hogy jobban megértsük a fájl szerkezete, és hogyan szabhatja RequireJS, olvassa el a dokumentációt.
Megjelenítéséhez HelloViewModel. Meg kell nézni. Projekt létrehozása gyökér index.html fájlt a következő tartalommal:
Vegye figyelembe, hogy a három tag script. Először is, mi is RequireJS a könyvtár is. Aztán elindultunk a sor utak a külső függőségek igényel-config.js fájlt. RequireJS tudni, hogy hol kell keresni függőséget. És végül, hívjuk igényel egy listát betöltött modulokat.
Most nyissa ki a index.html a kedvenc böngésző, és mindent meg kell tenni! Látnia kell egy oldal a „Helló származó géppel és Knockout!”. Az alábbiakban két beviteli mezőt. Ha megváltoztatja azok tartalmát, és helyezzük a hangsúlyt fog változni az eredeti üzenetet.
Támogatás a dokumentumok fordításával: