javascript - 使用 Angular 1.5 组件绑定字符串时出错

Question

我正在尝试通过 Angular 1.5 组件的 html 绑定字符串。我收到一条错误消息，上面写着：

Error: [$compile:nonassign] Expression ''My Title'' in attribute 'title' used with directive 'selectList' is non-assignable!

这是我调用组件的 html：

索引.html

<select-list title="'My Title'"></select-list>

和组件：

export var selectListComponent = {
    bindings: {
        title: "="
    },
    templateUrl: 'path/selectList.html',
    controller: selectListController
};

和组件html：

<div>{{$ctrl.title}}</div>

Answer 1

您正在使用两种方式绑定并提供一个常量字符串作为绑定目标。

您需要更改组件以使用：

export var selectListComponent = {
    bindings: {
        title: "@"
    },
    templateUrl: 'path/selectList.html',
    controller: selectListController
};

将@评估它传递的值（在这种情况下为字符串），然后执行单向绑定到指令范围。