使用 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：

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
};

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

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

Error Binding strings with Angular 1.5 components

html

javascript

angularjs

angular-components