我想知道是否可以使用 Angular 动态更改某些 HEAD 标签的值。一个例子就是这种转变:
<meta name="theme-color" content="#2F7DCA">
至:
<meta name="theme-color" content="{{ color }}">
这是理论,但我想知道是否有人尝试过并且有效,或者如果这不是方法,该怎么做。我现在无法测试它,但在开始编码之前我需要了解它。如果可以的话,我会很感激一些如何操作其他 HEAD 标签的例子。
您可以使用
ng-bind
属性来执行此操作(大括号可能会破坏页面首次加载时用于应用颜色的代码)。meta
标签。
是的,是的。
/**** ONE controller ****/
$scope.color = 'red';
/**** Global ****/
$rootScope.color = 'red';
$scope.$root.color = 'red';
您可以这样做,但前提是
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>