title: How does one return html from an AngularJS function?
body: <p>I'm brand new creating AngularJS style code.  I'm attempting to recreate an existing site in AngularJS format.</p>
  
  <p>I finally figured out how to make an app/controller in an external file and give the controller functions.  I can then have those functions return variables, particularly strings, to fill in information in my .html file, but when I use html tags, they are used as literals in the .html.</p>
  
  <p>I'm trying to find out how to fill my html template in a similar manner, but with the html working.</p>
  
  <p>In other JS formats, I can write to the document/response, or at least have the function return a value to then have the original JS/HTML write that return value as html.</p>
  
  <p>I'm attempting something similar here in the footer, but the Footer() has a string that needs to be displayed on two lines.</p>
  
  <p>Example code to follow (I'll edit it down to the important bits):
  HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&gt;&lt;/script&gt;
          &lt;script language="JavaScript" src="./Universal.js" runat="server"&gt;&lt;/script&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
          &lt;link href="./Main.css" rel="stylesheet" type="text/css"&gt;
      &lt;/head&gt;
      &lt;body id="idBody" ng-app="Universal"&gt;
          &lt;table id="idTableMain"&gt;
              &lt;tr id="idFooterRow"&gt;
                  &lt;td id="idFooterMain" colspan="3"&gt;
                      &lt;p id="idFooterContent" ng-controller="UniversalController"&gt;
                          {{Footer()}}
                      &lt;/p&gt;
                      &lt;p id="idFooterManagement" ng-controller="UniversalController"&gt;
                          {{WebMaster()}}
                      &lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>App/Controller:</p>
  
  <pre><code>var Universal = angular.module("Universal", []);
  
  Universal.controller("UniversalController", ['$scope', function ($scope)
      {
          $scope.Footer = function()
          {
              $scope.vResult = "© Copyright 2012 All rights reserved&lt;br&gt;";    
              $scope.vResult += "House That Kamurai Built";
              return $scope.vResult;
          };
  
          $scope.WebMaster = function()
          {
              $scope.vResult = "Website managed by Kamurai.";
              return $scope.vResult;
          };
      }]);
  </code></pre>