将值传递给内部模板时,可观察到的基因剔除模板不起作用

问题描述

我正在渲染一个接受可观察数组的模板,在内部,它使用一个内部模板将属性的内容渲染为输入文本。如果我直接在父级的“ 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 (将#修改为@)