2016-06-17 6 views
0

角度で動的に一部のHEADタグの値を変更できるかどうかを知りたいと思います。例では、この変換のようになります。ヘッドタグが角で動的に塗りつぶされます

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

に:

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

これは理論値ですが、私は、誰かがそれを試みており、それが動作するかどうか知りたいのですが、あるいはこれが方法ではありません場合は、どうやってするの。私は今それをテストすることができませんが、私はコードを開始する前にそれを知る必要があります。可能であれば、他のHEADタグを操作する方法のいくつかの例をお勧めします。

答えて

1

ng-bind属性を使用してこれを行うことができます(中括弧は、ページが最初に読み込まれるときに色を適用するために使用するコードを中断することがあります)。
How to dynamically change header based on AngularJS partial view?
彼らはタイトルのためにそれを使用しますが、metaタグのためにこれを使うこともできます。

1

はい、そうです。

あなたがこれを行うことができます
/**** ONE controller ****/ 
$scope.color = 'red'; 

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

が、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> 
関連する問題