ホームページ > 記事 > ウェブフロントエンド > Knockoutjs環境設定チュートリアル_JavaScriptスキル

Knockoutjs環境設定チュートリアル_JavaScriptスキル

WBOYオリジナル: 2016-05-16 17:47:451044ブラウズ

最近プロジェクトでKnockoutjsを使うことになったので、今日はまずKnockoutjsの環境構築の勉強と簡単なテストを行いました。
まず、http://knockoutjs.com/index.html にアクセスして、Knockoutjs の最新バージョンをダウンロードします。ここから、knockout-2.2.0.js をダウンロードしました。次に、新しい .html ファイルを作成し、次のステートメントを HTML ドキュメントに追加して、この JS をインポートします:
次に、ブラウザを使用してこの HTML ファイルを開きます。「Hello World!!」の文字が表示されます。
上記のコード:

span が定義され、data-bind を使用して helloWorld を span にバインドします。したがって、span の内容は helloWorld 変数の内容になります。

コードをコピー

コードは次のとおりです:

AppViewModel がスクリプトで定義され、次に変数が定義されます: helloWorld、その値は: Hello World!!、そして ko.applyBindings() メソッドを使用して AppViewModel がアクティブ化され、このコンテンツがウェブページで見ることができます。
上記は、Knockoutjs を使用した非常に単純な例です。この例の実行中に小さな問題が発生しましたが、その理由はわかりません。前に書いたコードは次のとおりです。

コードをコピーします

コードは次のとおりです。 <スクリプトタイプ = "テキスト/javascript" src="knockout-2.2.0.js"> <スクリプトタイプ="テキスト/javascript">

var AppViewModel = {

helloWorld: ' Hello World !!'

の前に