Uncaught ReferenceError：無法處理綁定「text：function（）{return username}」

當我使用敲除組件時，出現綁定錯誤。 HTML：Uncaught ReferenceError：無法處理綁定「text：function（）{return username}」

<html > 
<head> 
<link rel="stylesheet" href="css/default.css"> 
</head> 

<body> 

    <main id="shell"> 

     <!-- logo & top level links --> 
     <header> 
      <header-widget></header-widget> 
     </header> 

    </main> 

    <script type="text/javascript" src="thirdparty/requirejs/require-2.3.3.js" data-main='./js/requirejs.config'></script> 
</body>

Java腳本：

var requireConfig = { 
    baseUrl: './', 
    paths: { 
     jquery: 'thirdparty/jquery/jquery-1.11.2', 
     ko: 'thirdparty/knockout/knockout-3.4.2', 
     text: 'thirdparty/requirejs/text' 
    }, 
    shim: { 

    } 
}; 
require.config(requireConfig); 
define(
    function(require) { 
     require(['jquery', 'ko'], function($, ko) { 
      var modle = { 
      }; 
      $(document).ready(function() { 
       ko.components.register('header-widget', { 
        viewmodel: function(params){ 
         this.username = ko.observable('tom'); 
        }, 
        template: '<div data-bind="text:username">userxxx</div>' 
       }); 
       ko.applyBindings(modle); 

      }); 
     }); 
    } 
);

我覈對姓名，他們是正確的。我無法弄清楚爲什麼綁定失敗。我檢查了stackoverflow.com，但無法找到與此相同的問題。你可以幫我嗎？

來源

2017-06-20 tommy

當您使用自定義元素時，如果您撥打applyBindings，則不需要提供模型。我認爲，所有你需要做的是：

擺脫這個代碼：
```
var modle = { 
}; 
```
減少你applyBindings調用只是：
```
ko.applyBindings(); 
```

這是因爲組件的視圖模型已在您的ko.components.register塊中定義。

來源

2017-06-20 08:05:49 sifriday

我找到了原因。當我將params傳遞給ko.components.register時，視圖模型參數名稱不正確。 viewmodel: function(params){應該是viewModel: function(params){。

來源

2017-06-21 00:28:56 tommy

Uncaught ReferenceError：無法處理綁定「text：function（）{return username}」

回答

相關問題