错误使用Angular 1.5组件绑定字符串

Question

我正在尝试通过角度1.5组件的html绑定字符串。我收到一条错误消息：

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

这是我调用组件的html：

的index.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
};

@将评估它传递的值（在本例中为字符串），然后执行对指令范围的单向绑定。