如何将数据从django模板传递到angular 4？

def my_view(request):
    data = ['item1', 'item2', 'item3']
    return render(request, 'my_template.html', {'data': data})

<div ng-app>
    <ul>
        <li ng-repeat="item in {{ data }}">
            {{ item }}
        </li>
    </ul>
</div>

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getData() {
    this.http.get('/api/data').subscribe((response) => {
        this.data = response;
    });
}

<ul>
    <li *ngFor="let item of data">
        {{ item }}
    </li>
</ul>