Question

是否可以在angularjs表达式中呈现html代码？类似这样的代码：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    </head>
    <body ng-app="myApp">
        {{
            1+2 === 3 ? 
            '<span>Hello World!</span>' 
                : 
            "HI" 
        }}
    </body>
    <script>
    var app = angular.module('myApp', []); 
    </script>
</html>

Answer 1

我认为使用ng-if肯定有更好的解决方案。在我看来，将这些带有HTML的巨大角度表达式打败了目的。我要做的是这样的事情：

<body ng-app="myApp">
    <span ng-if="1 + 2 === 3">Hello World!</span>
    <p ng-if="1 + 2 !== 3">HI</p>
</body>

这对我来说更具可读性。

Answer 2

表达式用于要解析的内容但是根据您的要求，您只需使用ng-if，如：

<body ng-app="myApp">
        <span ng-if="1+2 === 3">Hello World!</span> 
        <span ng-if="1+2 !== 3">HI</span>  
</body>

angularjs表达式中的HTML代码

2 个答案: