问题描述
我正在渲染一个接受可观察数组的模板,在内部,它使用一个内部模板将属性的内容渲染为输入文本。如果我直接在父级的“ foreach”中渲染输入文本,则对文本的任何更改都是双向绑定,并反映在相关的可观察数组项目属性中,但是当使用内部模板时,它将变为一种方法。
-==========父模板======-
<div class="skill-rating-section" data-bind="foreach: { data: skills,as: 'skill' }">
<div class="col-comment">
**<!-- This works fine - two way bdinding -->**
<input type="text" data-bind="value:skill.Comment" />
**<!-- This renders the content but is not two way binding -->**
<skill-rating-comment params="viewModel:skill"></skill-rating-comment>
</div>
</div>
-=====内部模板的HTML(SkilRatingCommentTemplate.html)====
<input type="text" data-bind="value:comment" />
-========内部模板的Js代码===============
define('SkillRating/Component/SkilRatingCommentComponent',['knockout'],function (ko) {
function skillRatingCommentViewModel(params) {
var me = this;
me.comment = params.viewModel.Comment;
return me;
}
ko.components.register('skill-rating-comment',{
viewModel: skillRatingCommentViewModel,template: {
require: 'text!../../Content/HtmlTemplate/SkillAssessmentComponent/SkilRatingCommentTemplate.html'
}
});
});
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)