Знаки заголовков, заполненные динамически с помощью углового

Я хотел бы знать, можно ли динамически изменять значения некоторых 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

Знаки заголовков, заполненные динамически с помощью углового

ответ

Смежные вопросы