在 Angular 中刪除 JSON 對象

Question

我有一個文件 (courses.json)，當我單擊課程名稱旁邊的“x”時，我想從中刪除課程。 我是這方面的初學者，我無法真正讓它工作。我從文件中讀取沒有問題，但是當我單擊“x”時沒有任何反應。 非常感謝我能得到的所有幫助！

這是我的代碼：

var app = angular.module('myApp', []);
app.controller('courses', function($scope, $http) {
    $http.get("courses.json").success(function(data) {
        $scope.courses = data.kurser;
    });
});

function courses($scope, courses) {
    $scope.deleteItem = function (key) {
        delete $scope.courses[key];
    }
}

HTML：

<div ng-app="myApp">
    <ul ng-controller="courses">
        <li ng-repeat="(key, value) in courses" id="course-{{value.courseId}}">
            <a href="#" class="courseIcon">{{value.courseName}}</a>  <a ng-click="deleteItem(key)">x</a>
        </li>
    </ul>
</div>

Answer 1

您應該在加載數據的同一個控制器中定義deleteItem方法，否則courses功能無論如何都不會鏈接到應用程序：

app.controller('courses', function($scope, $http) {
    $http.get("courses.json").success(function(data) {
        $scope.courses = data.kurser;
    });

    $scope.deleteItem = function (key) {
        delete $scope.courses[key];
    }
});