-1
Bu hatadan kurtulmak istiyorum ancak şu anda özel bir blokta KnockoutJS kullanıyorum. Sorun şu ki, veri bağlama için ko okunduğunda, ViewModel'im henüz oluşturulmamış. Ko yüklendikten sonra bağlarım.KnockoutJS: "xxx tanımlı değil" nedeninden sonra ciltlemeyi uygulayın
İşte<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>{% block title %}{% endblock %} - Evosphere</title>
<link rel="icon" type="image/x-icon" href="{{ asset('design/img/icons/favicon.png') }}" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<link href='{{ asset("design/css/resp_lg.css") }}' media="screen and (max-width: 1550px)" rel='stylesheet' type='text/css'>
<link href='{{ asset("design/css/resp_md.css") }}' media="screen and (max-width: 1350px)" rel='stylesheet' type='text/css'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
{% javascripts
'js/libs/*.js'
'js/Evo/BeforeInit/*/*.js'
%}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
</head>
<body>
<nav class="navbar-top">
</nav>
<div data-knockout="messenger-block">
<div id="messenger-attachment-container" class="container-messenger">
<div data-bind="foreach: conversations">
Ohoh
</div>
</div>
<div id="messenger-dialog-container" class="container-messenger-bottom">
</div>
</div>
<div class="main">
{% block body %}
{% endblock %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
{% javascripts
'js/Evo/app.js'
'js/Evo/*/*.js'
%}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{{ include('AppBundle:Javascript:init.js.html.twig') }}
{% javascripts
'js/Evo/RequireInit/Utility/*.js'
'js/Evo/RequireInit/Module/*/*.js'
'js/Evo/RequireInit/Module/bootstrap.js'
'js/Evo/RequireInit/Module/navigation.js'
'js/Evo/RequireInit/Module/feed.js'
%}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{% block javascripts %}
{% endblock %}
</body>
</html>
benim JS:
function ConversationDialogViewModel(){
var self = this;
this.conversations = [1, 2, 3];
}
var $messegnerBlockKnockout = $('[data-knockout="messenger-block"]');
ko.cleanNode($messegnerBlockKnockout[0]);
ko.applyBindings(new ConversationDialogViewModel(), $messegnerBlockKnockout[0]);
$messegnerBlockKnockout.show();
Soruna neden olan kod nerede? Xxx nedir? Lütfen [minimal, eksiksiz ve doğrulanabilir bir örnek] oluşturun (http://stackoverflow.com/help/mcve). –
Üzgünüm, bunu nasıl daha iyi anlatacağımı bilmiyorum. Sadece normal bir HTML sayfası yaşıyorum ve alt kısmında, ben nakavt ve ViewModel'i içerim. – Despirithium
Bazı ** kodları ** görmemiz gerekiyor. İlgili kodu ve tam hata mesajını içerecek şekilde sorunuzu düzenleyin veya herhangi birinin size yardımcı olması imkansız olacaktır. 'xxx tanımlanmadı' düşünebileceğim milyonlarca nedenden ötürü olabilir ve eminim ki bundan bir milyon daha fazla. –