angular指令用html替换换行符

Question

我正在使用服务来检索绑定到html的数据，如此

{{order.Notes}}

order.Notes可能包含多行文字，所以我想用html标签'br'格式化它

这是我正在尝试使用的指令：

angular.module('directives', [])

.directive('htmlText', function () {

return {
    restrict: 'E',
    template: '<div ng-bind-html-unsafe="html"></div>',
    scope: {
        text: '='
    },
    link: function (scope, elem, attrs) {

        var updateText = function () {

            if (scope.text != null) {
                scope.html = scope.text.replace('\n', "<br/>");
            }
        };

        scope.$watch('text', function (oldVal, newVal) {
            if (newVal) {
                updateText();
            }
        });
    }
};
});

<html-text text="order.Notes"></html-text>

但是，newVal始终为null。我在这里失踪了什么？