knockoutjsこんにちは世界が

を実行しません、私はノックアウトに新しいです、広範囲の記事を読みましたが、Visual Studioで2015年knockoutjsこんにちは世界が

を実行するために、簡単な例を取得することはできませんが、必ずで型または名前空間の問題としてフラグが立てられ、すべてのHTMLタグを取得しますとにかく走っていると、空のボックスが表示されます。ここで

は、コードは次のとおりです。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title> Home Page</title> 
    <script type='text/javascript' src='jquery-1.10.2.min.js'></script> 
    <script type='text/javascript' src='knockout-20.3.0.debug.js'></script> 
</head> 
<body> 
    <p>First name: <input data-bind="value: firstName" /></p> 
    <p>Last name: <input data-bind="value: lastName" /></p> 
    <h2>Hello, <span data-bind="text: fullName"> </span>!</h2> 

<script type="text/javascript"> 
    // Here's my data model 
    function viewModel() { 
     this.firstName = ko.observable('Planet'); 
     this.lastName = ko.observable('Earth'); 
     this.fullName = ko.computed(function() { 
      // Knockout tracks dependencies automatically. 
      return this.firstName() + " " + this.lastName();},this); 
     }; 

    ko.applyBindings(viewModel()); // This makes Knockout get to work 
</script> 
</body> 
</html>

出典

2016-11-30 Paul M

詳細を追加してください。あなたが使っているプロジェクトテンプレートは何ですか？あなたのプロジェクト/ソリューションの構造はどのように見えますか？ – rawel

ノックアウトスクリプトのバージョン 'knockout-20.3.0'は本当ですか？それとも 'ノックアウト-2.3.0'ですか？ – gkb

私はノックアウトの正しいバージョンを置けば、それは、正常に動作します例を確認しました。私は古いバージョンを入れます。あなたのノックアウトスクリプトsrcを確認してください、私はあなたに役立つことを願っています。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title> Home Page</title> 
     <script type='text/javascript' src='https://code.jquery.com/jquery-1.10.2.min.js'></script> 
     <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-debug.js'></script> 
    </head> 
    <body> 
     <p>First name: <input data-bind="value: firstName" /></p> 
     <p>Last name: <input data-bind="value: lastName" /></p> 
     <h2>Hello, <span data-bind="text: fullName"> </span>!</h2> 

     <script type="text/javascript"> 
      // Here's my data model 
      function viewModel() { 

       this.firstName = ko.observable('Planet'); 
       this.lastName = ko.observable('Earth'); 
       this.fullName = ko.computed(function() { 
        // Knockout tracks dependencies automatically. 
        return this.firstName() + " " + this.lastName();},this); 
       }; 

      ko.applyBindings(new viewModel()); 
     </script> 
    </body> 
</html>

出典

2016-12-06 14:41:09

OPで明確にするために、viewModelはnew演算子で呼び出されません – Jonathan

knockoutjsこんにちは世界が

答えて

関連する問題