1

我的网站是一个单页应用程序，它从 MySQL 数据库中提取数据，我的客户可以使用带有输入字段的 HTML 表单自行更新这些数据。我希望能够做到这一点，以便我的客户可以动态添加 og:meta 标签，以便他们生成的任何页面都可以轻松共享到 Facebook。

所以本质上，用户将 og:meta 信息存储在 MySQL 中，然后适当的 php 页面提取这些数据并正确分配它。

下面是 index.html 头部中动态元标记的样子：

<!--prerender.io & Facebook-->
<meta name="fragment" content="!">
<meta property="og:url" content="{{ seo.metaUrl }}">
<meta property="og:title" content="{{ seo.metaTitle }}">
<meta property="og:description" content="{{ seo.metaDescription }}">
<meta property="og:image" content="{{ seo.metaImage }}">

这是我的主控制器：

(function () {

    angular
        .module('app')
        .controller('mainController', Controller);

    function Controller($scope) {

        $scope.seo = { 
            metaUrl : '', metaTitle : '', metaImage : '', metaDescription : '' 
            }; 

        $scope.$parent.seo = { 
            //how can I make this part dynamic? Use variables somehow?
            metaUrl : 'http://example.com',
            metaTitle : 'Example | Home',
            metaImage : 'http://example.com/pics/example.png',
            metaDescription : 'Example | Example | Example' 
            }; 
        }
    }
)();
  • 是否可以在其中添加变量$scope.$parent.seo = {}？
  • 如果可能的话，我会在 php 页面上提取 MySQL 数据并使用ng-controller或类似的东西将其加载到这些变量中吗？
4

0 回答 0