小编Kam*_*rai的帖子

如何从AngularJS函数返回html?

我是全新创建AngularJS样式的代码。我正在尝试以AngularJS格式重新创建现有网站。

我终于想出了如何在外部文件中制作应用/控制器并提供控制器功能的方法。然后,我可以让那些函数返回变量(尤其是字符串)来填充.html文件中的信息,但是当我使用html标记时,它们将用作.html中的文字。

我试图找出如何以类似的方式来填充我的html模板,但是html可以正常工作。

在其他JS格式中,我可以写到文档/响应中,或者至少让函数返回一个值,然后让原始的JS / HTML将返回值写为html。

我正在尝试在页脚中执行类似的操作,但是Footer()具有一个需要在两行中显示的字符串。

遵循的示例代码(我将其编辑为重要的内容):HTML:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
        <script language="JavaScript" src="./Universal.js" runat="server"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link href="./Main.css" rel="stylesheet" type="text/css">
    </head>
    <body id="idBody" ng-app="Universal">
        <table id="idTableMain">
            <tr id="idFooterRow">
                <td id="idFooterMain" colspan="3">
                    <p id="idFooterContent" ng-controller="UniversalController">
                        {{Footer()}}
                    </p>
                    <p id="idFooterManagement" ng-controller="UniversalController">
                        {{WebMaster()}}
                    </p>
                </td>
            </tr>
        </table>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

应用/控制器:

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

Universal.controller("UniversalController", ['$scope', function ($scope)
    {
        $scope.Footer = function()
        {
            $scope.vResult = "© Copyright 2012 All rights reserved<br>";    
            $scope.vResult += "House That Kamurai …
Run Code Online (Sandbox Code Playgroud)

html controller function angularjs

4
推荐指数
1
解决办法
5980
查看次数

标签 统计

angularjs ×1

controller ×1

function ×1

html ×1