Angularjs 我想用angular更改单击时的整个样式

我试图用angular更改单击div的样式，我做错了什么？ index.cshtml中的代码：

<div ng-click="loadAllBooks()" ng-class="{{tagAll}}">Wszystkie</div>
        <div ng-click="loadAllAudiobooks()" ng-class="{{tagAudiobook}}">Audiobooki</div>
        <div ng-click="loadAllEbooks()"  ng-class="{{tagEbook}}">E-booki</div>

---

函数loadAllBooks在启动时启动，它应该运行changeTagStyle，您必须将代码更改为（您必须删除大括号，因为ng类是angularjs指令，它将识别您的变量）：

Wszystkie
有声书本
电子图书

您必须将代码更改为（您必须删除大括号，因为ng类是angularjs指令，它将识别您的变量）：

Wszystkie
有声书本
电子图书

这应该被标记，不抱歉，已更改我确实不清楚具体问题是什么将

$scope.id==0

和其他问题更改为

id==0

，您正在将id作为参数传递，它未绑定到scope这应该被标记，不抱歉，已更改I完全不清楚具体问题是什么将

$scope.id==0

和其他更改为

id==0

，您正在将id作为参数传递，它没有限制到scopegreat！这就是问题所在？看起来是的，如果有帮助的话你可以接受我的答案：）upvote也会很感激：）太好了！这就是问题所在？看起来是的，如果有帮助的话，你可以接受我的答案：）upvote也会很感激：）

$scope.loadAllBooks = function () {
    $scope.books = [];
    $scope.loading = true;
    $scope.changeTagStyle(0);
    $http.get("/Home/GetAllBooks").
        then(function (response) {
            $scope.books = response.data;
        }).catch(function (response) {
            $scope.books = [];
        }).finally(function () {
            console.log("Done");
            $scope.loading = false;
        });
};

$scope.loadAllAudiobooks = function () {
    $scope.books = [];
    $scope.loading = true;
    $scope.changeTagStyle(1);
    $http.get("/Home/GetAllAudiobooks").
        then(function (response) {
            $scope.books = response.data;
        }).catch(function (response) {
            $scope.books = [];
        }).finally(function () {
            console.log("Done");
            $scope.loading = false;
        });
};

$scope.loadAllEbooks = function () {
    $scope.books = [];
    $scope.loading = true;
    $scope.changeTagStyle(2);
    $http.get("/Home/GetAllEbooks").
        then(function (response) {
            $scope.books = response.data;
        }).catch(function (response) {
            $scope.books = [];
        }).finally(function () {
            console.log("Done");
            $scope.loading = false;
        });
};

$scope.changeTagStyle = function (id) {
    $scope.tagAll = "untagged";
    $scope.tagAudiobook = "untagged";
    $scope.tagEbook = "untagged";

    if ($scope.id === 0)
        $scope.tagAll = "tagged";
    else if ($scope.id === 1)
        $scope.tagAudiobook = "tagged";
    else if ($scope.id === 2)
        $scope.tagEbook = "tagged";
};

<div ng-click="loadAllBooks()" ng-class="tagAll">Wszystkie</div>
    <div ng-click="loadAllAudiobooks()" ng-class="tagAudiobook">Audiobooki</div>
    <div ng-click="loadAllEbooks()"  ng-class="tagEbook">E-booki</div>