AngularJS：$ scope.flags.loading对于特定部分

Question

我正在尝试在进行AJAX调用或某些事件时为页面的特定部分添加加载图标（注意：整个页面不应该有此）。我尝试编写一个指令，并使该范围的flags.loading = true。但这没效果。有什么想法吗？

提前致谢： - ）

Answer 1

这里有一个工作示例，指示将父范围的变量loading从值no更改为yes。

var app = angular.module('app', []);

app.directive('loadingDirective', function() {

    var linkFn = function(scope, element, attrs) {         
        scope.loading="yes";        
    };

    return {
        link: linkFn
    }

});

app.controller('TestController', function ($scope) {
    $scope.loading = "no";    
});

您还可以JSfiddle工作。