Question

尝试使用Aurelia并在向下拉元素执行简单数据绑定时遇到问题。无论何时我在<select>标签上输入value.bind，我都会得到这个js错误＆＃34; SelectValueObserver未定义＆＃34;我下载了他们的ES 2016＆＃34;套件＆＃34;我应该有最新版本的aurelia。它似乎在Plunker上运行良好，但在VS 2013或2015上没有。

welcome.js

import states from './state-list';

export class Welcome {
    heading = 'Welcome to Aurelia!';
    firstName = 'John';
    lastName = 'Doe';
    myStateArray = states;
   stateSelected = 'MA';

 get fullName() {
    return `${this.firstName} ${this.lastName}`;
 }

 submit() {
    alert(`Welcome, ${this.fullName}!`);
 }
}

和html看起来像：

    <template>
        <section>
            <h2>${heading}</h2>

            <form submit.trigger="submit()">
                <div>
                    <label>First Name</label>
                    <input type="text" value.bind="firstName">
                </div>
                <div>
                    <label>Last Name</label>
                    <input type="text" value.bind="lastName">
                </div>
                <div>
                    <label>Full Name</label>
                    <p>${fullName}</p>
                </div>

                <p>Selected: ${stateSelected}</p>

                <input id="myState" value.bind="stateSelected" />

                <select value.bind="stateSelected" class="ui search dropdown">
                    <option value="">State</option>
                    <option value="${state.code}"
                            model.bind="state.code"
                            repeat.for="state of myStateArray">
                        ${state.name}
                    </option>
                </select>

                <button type="submit">Submit</button>

            </form>
        </section>
    </template>

我得到了这个JS错误：

未处理的承诺拒绝ReferenceError：未定义SelectValueObserver（...）

有其他人遇到过这种情况吗？

Answer 1

最新版本的aurelia-binding中存在一个错误导致SelectValueObserver未包含在构建中。运行jspm install aurelia-binding以解决此问题。

Aurelia - ReferenceError：未定义SelectValueObserver

1 个答案: