用Angular动态填充头标

我想知道是否可以用Angular动态地改变一些HEAD标签的值。一个例子是这样的转换：用Angular动态填充头标

<meta name="theme-color" content="#2F7DCA">

到：

<meta name="theme-color" content="{{ color }}">

这是理论，但我想知道是否有人已经尝试过了，它的工作原理，或者如果这是没有办法的办法，怎么做。我现在无法测试它，但在开始编码之前我需要知道它。如果可以做到这一点，我会很感激一些如何操作其他HEAD标签的例子。

来源

2016-06-17 miquelarranz

您可以通过使用ng-bind属性（花括号可能会中断用于在页面首次加载时应用颜色的代码）来完成此操作。
看看这篇文章：How to dynamically change header based on AngularJS partial view?
他们使用它作为标题，但你也可以使用它作为meta标签。

来源

2016-06-17 13:09:10

是的。

/**** ONE controller ****/ 
$scope.color = 'red'; 

/**** Global ****/ 
$rootScope.color = 'red'; 
$scope.$root.color = 'red';

来源

2016-06-17 13:09:21 nemonake

你可以做到这一点，但只有当meta在你ng-app的范围，所以是这样的：

<html ng-app="myApp"> 
<head ng-controller="headCtrl"> 
    <meta name="theme-color" content="{{ color }}"> 
</head> 
<body> 
    <!-- ... --> 
    <script> 
     angular.module("myApp", []) 
      .controller("headCtrl", function($scope) { 
       $scope.color = "#2F7DCA"; 
      }); 
    </script> 
</body> 
</html>

来源

2016-06-17 13:12:32 devqon

用Angular动态填充头标

回答

相关问题