錯誤使用Angular 1.5組件綁定字符串

Question

我想通過一個角度爲1.5的組件綁定一個字符串。我得到一個錯誤，指出消息：

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

的@將評估它傳遞的值（在這種情況下字符串），然後執行單向綁定到該指令範圍。