ホームページ >ウェブフロントエンド >jsチュートリアル >Knockoutjs環境設定チュートリアル_JavaScriptスキル
Knockoutjs環境設定チュートリアル_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 17:47:451067ブラウズ
最近プロジェクトでKnockoutjsを使うことになったので、今日はまずKnockoutjsの環境構築の勉強と簡単なテストを行いました。
まず、http://knockoutjs.com/index.html にアクセスして、Knockoutjs の最新バージョンをダウンロードします。ここから、knockout-2.2.0.js をダウンロードしました。次に、新しい .html ファイルを作成し、次のステートメントを HTML ドキュメントに追加して、この JS をインポートします:
次に、ブラウザを使用してこの HTML ファイルを開きます。 「Hello World!!」の文字が表示されます。
上記のコード:
コードをコピー
コードは次のとおりです:
AppViewModel がスクリプトで定義され、次に変数が定義されます: helloWorld、その値は: Hello World!!、そして ko.applyBindings() メソッドを使用して AppViewModel がアクティブ化され、このコンテンツがウェブページで見ることができます。
上記は、Knockoutjs を使用した非常に単純な例です。この例の実行中に小さな問題が発生しましたが、その理由はわかりません。前に書いたコードは次のとおりです。
AppViewModel がスクリプトで定義され、次に変数が定義されます: helloWorld、その値は: Hello World!!、そして ko.applyBindings() メソッドを使用して AppViewModel がアクティブ化され、このコンテンツがウェブページで見ることができます。
上記は、Knockoutjs を使用した非常に単純な例です。この例の実行中に小さな問題が発生しましたが、その理由はわかりません。前に書いたコードは次のとおりです。
コードをコピーします
コードは次のとおりです。 <スクリプト タイプ = "テキスト/javascript" src="knockout-2.2.0.js"> <スクリプト タイプ="テキスト/javascript">
var AppViewModel = {