头标签动态填充有角



我想知道是否有可能用角动态更改某些头标签的值。一个例子是这种转换:

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

to:

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

这是理论,但我想知道某人是否尝试过并且它有效,或者是否不是这样做的方法。我现在无法测试它,但是在开始编码之前,我需要知道它。如果有可能这样做,我将感谢一些如何操纵其他头号的例子。

您可以使用ng-bind属性(卷曲括号可能会破坏您使用的代码以在页面首次加载时应用颜色)。
看看这篇文章:如何基于AngularJS部分视图动态更改标头?
他们将其用于标题,但您也可以将其用于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>

最新更新