databinding不工作在简单Knockoutjs应用程序

我想学习KO，当我写这是在html中，输入文本框中没有负载值。有人能帮忙吗？databinding不工作在简单Knockoutjs应用程序

<html> 
<head> 
<script src="C:\Data\Visual Studio 2013\Projects\WebApplication3\KObasics\Scripts\knockout-3.4.2.debug.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI 
function AppViewModel() { 
    this.firstName = "Bert"; 
    this.lastName = "Bertington"; 
} 

// Activates knockout.js 
ko.applyBindings(new AppViewModel()); 

</script> 
</head> 
<body> 
<p>Use this area to provide additional information.</p> 
<input data-bind="value:firstName"/> 
<p data-bind="text:firstName"></p> 
</body> 
</html>

来源

2017-08-01 Muthukumar Palaniappan

您是否试过将您的JavaScript文件移动到主html主体之后？ – muhihsan

@ M.Ihsan对不起，我不能理解 –

我在下面发布了答案 – muhihsan

您的html和javascript看起来不错，因为它工作正常以下。

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI 
 
function AppViewModel() { 
 
    this.firstName = "Bert"; 
 
    this.lastName = "Bertington"; 
 
} 
 

 
// Activates knockout.js 
 
ko.applyBindings(new AppViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<p>Use this area to provide additional information.</p> 
 
<input data-bind="value:firstName"/> 
 
<p data-bind="text:firstName"></p>

你只需要结束标记（</body>）之前到<script>标签移到<body>元素的结尾。确保DOM元素在绑定到挖空模型之前进行渲染。它会是这样的：

<html> 
<head> 
<script src="C:\Data\Visual Studio 2013\Projects\WebApplication3\KObasics\Scripts\knockout-3.4.2.debug.js" type="text/javascript"> 
</script> 
</head> 
<body> 
<p>Use this area to provide additional information.</p> 
<input data-bind="value:firstName"/> 
<p data-bind="text:firstName"></p> 
</body> 

<script type="text/javascript"> 

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI 
function AppViewModel() { 
    this.firstName = "Bert"; 
    this.lastName = "Bertington"; 
} 

// Activates knockout.js 
ko.applyBindings(new AppViewModel()); 

</script> 
</html>

来源

2017-08-01 01:33:27 muhihsan

谢谢。我理解并将使用jquery文档准备功能来绑定它。 –

这也将完成这项工作:) – muhihsan

databinding不工作在简单Knockoutjs应用程序

回答

相关问题