如何创建受限指令

我正在试验AngularJS和NG表，但无法解决以下问题：

我正在NG表中显示Django应用程序中的User对象集合。模型的属性之一是布尔值，指示对象是否处于活动状态。我想使用AngularJS指令显示Font Awesome集合中的字形，而不是显示true/false。

从各种样品中，我得到了以下内容。

模块：

var main = angular.module("main", ["ngTable"]);

检索要在表中显示的对象：

main.factory('User', function ($http) {
    return {
        async: function() {
            var promise = $http.get('api/v1/users').then(function (response) {
                return response.data["objects"];
            });
            // Return the promise to the controller
            return promise;
        }
    };
});

控制器和将布尔值转换为字形的指令：

main.controller("UsersCtrl", function ($scope, $filter, ngTableParams, User) {
    User.async().then(function(data) {
        $scope.tableParams = new ngTableParams({
            page: 1,
            count: 4,
            sorting: {
                name: 'asc'
            }
        },{
            total: data.length, // length of data
            getData: function ($defer, params) {
                // use build-in angular filter
                var orderedData = params.sorting() ? $filter('orderBy')(data, params.orderBy()) : data;
                $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
            }
        });
    });
}).directive('boolean', function () {
    return {
        restrict: 'E',
        link: function (scope, elem, attrs) {
            var userObject = scope.userObject;
            if (userObject["active"]) {
                console.log("active");
                console.log(elem);
                elem.html = "<i class='fa fa-check text-success fa-lg'></i>";
            } else {
                console.log("not active");
                console.log(elem);
                elem.html = "<i class='fa fa-times text-danger fa-lg'></i>";
            }
        }
    }
});

然后在我的HTML模板中：

    <table ng-table="tableParams" class="table">
        <tr ng-repeat="propertyObject in $data">
            <td data-title="'Name'" sortable="'name'">
                [[ userObject.name ]]
            </td>
            <td>
                <boolean>[[ userObject.active ]]</boolean>
            </td>
        </tr>
    </table>

由于与Django模板约定的冲突，我不得不将Angular默认的双花括号改为方括号。

该表显示ok，但对于我的boolean directive，它无法显示字形，仍然只显示true或false。通过登录控制台，我可以检查实际的对象，它们看起来是正确的。我显然错过了什么，但如果能提供任何帮助。。。