国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

TypeScript和Knockout.js的結合使用

2024-04-27 15:03:37
字體:
來源:轉載
供稿:網友

??這里假設你的電腦上已經安裝了Node.js,我也是剛剛接觸Node.js,準備在今年好好研究下這個東西,聽說很是強大呀。另外,不知道你對npm了解多少,這里默認為你對這些知識是了解的。下面列出幾個常見的命令,后面會使用到。 ??創建文件夾:mkdir dir ??初始化工程:npm init ??安裝TypeScript:npm install -g typescript ??獲取knockout的聲明文件:npm install –save @types/knockout ??將所有部分整合在一起:tsc ??接下來我們創建一個工程工程的目錄結構大概如下所示: 工程目錄結構 接下來看看hello.ts文件中的內容:

import * as ko from "knockout";class HelloViewModel { language: KnockoutObservable<string> framework:KnockoutObservable<string> constructor(language:string, framework:string){ this.language = ko.observable(language); this.framework = ko.observable(framework); }}ko.applyBindings(new HelloViewModel("TypeScript", "Knockout"));

再看看require-config.ts文件中的內容:

declare var require: any;require.config({paths: { "knockout": "externals/knockout-3.4.0",}});

最后,看看index.html文件中的內容:

<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello Knockout!</title></head><body> <p> Hello from <strong data-bind="text: language">todo</strong> and <strong data-bind="text: framework">todo</strong>! </p> <p>Language: <input data-bind="value: language" /></p> <p>Framework: <input data-bind="value: framework" /></p> <script src="./externals/require.js"></script> <script src="./built/require-config.js"></script> <script> require(["built/hello"]); </script></body></html>

以上就是一個簡單的結合使用的例子,如需下載代碼,請點擊下載。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 赤壁市| 郑州市| 巴林右旗| 庄浪县| 四子王旗| 凤山县| 龙岩市| 宁南县| 灌南县| 区。| 伊宁县| 托克托县| 延寿县| 安吉县| 兴化市| 垣曲县| 长泰县| 高邮市| 鄂托克前旗| 右玉县| 襄汾县| 彝良县| 滕州市| 化隆| 祁东县| 漾濞| 武陟县| 乌兰浩特市| 论坛| 海林市| 桂林市| 拜城县| 敖汉旗| 阜康市| 铜梁县| 界首市| 德令哈市| 微博| 互助| 喀什市| 日土县|