javascript - 将 HTML 源中的变量替换为 Angular

Question

我最近正在使用 AngularJS，但遇到了一些问题 我将一些范围定义为如下

   app.controller('mainController', function($scope) {
      $scope.siteURL = "my website url";
   });

并在我的html源代码中使用了像{{siteURL}}这样的变量，但我在控制台中看到了一些错误，因为它不会更改源代码而只是为浏览器进行编译。为了避免搜索引擎错误，我正在寻找一种方法，可以在浏览器中渲染之前将每个范围替换为源代码中的值

我的意思是对于像这样的一些链接和图像，我希望 Angular 替换源中的范围值，而不是在编译 HTML 页面之后:

<img src = '{{siteURL}}/img.jpg' />

改变

<img src = 'my website url/img.jpg' />

Answer 1

Im looking for a way that can replace each scope with its value in source code before render in browser

Angular 在这里无法帮助你。它是 javascript，仅在页面加载后才起作用。您需要的是某种服务器端语言(PHP、node.js 或其他语言)。