javascript - Knockoutjs 语法错误缺失 : after property id

Question

我正在尝试使用 attr 绑定(bind)来设置属性 (data-rating) 但我收到错误消息:

Error: Unable to parse bindings. Message: SyntaxError: missing : after property id; Bindings value: attr: { data-rating: UserMovies[0].Rating }

attr 绑定(bind)不接受带连字符的属性吗？

<ul class="content thumbnails" data-bind="foreach: movies, loader: $root.isLoading">
    <li class="movie">
        <div class="image">
            <img data-bind="image: { src: Poster.Detailed, alt: Title }" />
            <div class="actions">
                <!-- ko if: UserMovies.length > 0 -->
                <span class="raty" data-bind="attr: { data-rating: UserMovies[0].Rating }"></span>
                <!-- /ko -->
            </div>
        </div>
    </li>
</ul>

Answer 1

你应该用 quote 包裹属性名称，如果 UserMovies 是 observableArray 你应该使用 () 展开它:

<span class="raty" data-bind="attr: { 'data-rating': UserMovies()[0].Rating }"></span>