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

【问题标题】：Error Binding strings with Angular 1.5 components使用 Angular 1.5 组件绑定字符串时出错
【发布时间】：2017-03-21 09:27:13
【问题描述】：

我正在尝试通过 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>

【问题讨论】：

标签： javascript html angularjs angular-components

【解决方案1】：

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

您需要更改要使用的组件：

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

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

【讨论】：

谢谢西蒙，起初我尝试使用 '