javascript - 使用 ng-show 禁用标签,但不禁用 AngularJS 中的内容

标签 javascript html angularjs web

是否可以仅“禁用”标签而不是完全隐藏其内容?仅当 bool 值为 true 时,我才想将我的内容包含在预标记中。如果 bool 值为 false,ng-show 会隐藏包含内容的完整标签,但我只想删除预标签但保留内容。这可能吗?

我当前的解决方案是使用自定义过滤器,但在我看来,这更像是一种黑客行为,而不是解决方案。

angular.module("myApp", []).filter("myText", function ()
{
    return function (message)
    {
        message.text = message.text.trim();

        if (message.flag)
        {
            message.text = "<pre>" + message.text + "</pre>";
        }

        return message.text;
    };
});

最佳答案

说实话,使用过滤器似乎很合适。

你可能可以像这样破解 html:

<span ng-hide="message.flag"><pre></span>{{message}}<span ng-hide="message.flg"></pre></span>

W3 验证器似乎已关闭,因此我无法验证这是有效的 html,但即使是,我也不会使用此解决方案:)

关于javascript - 使用 ng-show 禁用标签,但不禁用 AngularJS 中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17860981/

相关文章:

html - Ul 扇区向左移动

javascript - Angular ng-repeat 根据发回的 JSON 在 html 上呈现 View

javascript - 没有提示的地理定位

javascript - 提交表单时如何禁用 "window.onbeforeunload"?

javascript - 什么是代码解析?

html - "display: table"的 div 的最小高度在 Firefox 中不起作用

javascript - 为什么我的 javascript 不工作

angularjs - 在 Angular 中,$document.find ('body' ).eq(0) 与 $document[0].body

javascript - ng-hide 在 angularjs 问题中

php - 将 PHP 变量动态传递给 AJAX JavaScript 函数