녹아웃을 사용하고 사용자가 입력 한 이름과 성을 함께 사용하려고합니다. 이 예제를 기반으로합니다 : http://knockoutjs.com/examples/helloWorld.html녹아웃 : 이름 - 성이없는 조이너가 작동하지 않습니다.
녹아웃에 대한 느낌을 얻기 위해 약간의 기능 변경을 시도했습니다. 코드는 좋았지 만 출력은 변하지 않았습니다. 그런 다음 튜토리얼의 정확한 코드가 나를 위해 작동하는지 테스트했지만 그렇지 않습니다. 나는 정말로 명백한 것을 놓치고 있다고 확신한다. 누군가 그게 뭔지 말해 줄 수 있어요?
이 내 HTML입니다 :
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<!--view-->
<head>
<meta charset="utf-8" />
<title>Testing Knockout</title>
<script src="knockoutTester.js"></script>
<script src="knockout-3.4.0.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>
</body>
</html>
이 내 JS입니다 :
var ViewModel = function (first, last) {
this.firstName = ko.observable(first);
this.lastName = ko.observable(last);
this.fullName = ko.pureComputed(function() {
return this.firstName() + " " + this.lastName();
}, this);
};
ko.applyBindings(new ViewModel("Planet", "Earth"));
감사
knockoutTester.js 무엇을 파일 (DOM 위로드 된 후에 만 부하 그렇게)? JS 코드가이 파일에 저장되어 있습니까? – dotnetom
@dotnetom 예, JS 코드는 knockoutTester.js 파일에 저장됩니다. –