각도로 동적으로 일부 HEAD 태그의 값을 변경할 수 있는지 알고 싶습니다. ,헤드 태그가 각도로 동적으로 채워짐
<meta name="theme-color" content="{{ color }}">
이 이론하지만 난 누군가가 그것을 시도했는지 알고 싶습니다하고 작동하거나,이 방법이 아닌 경우 :
<meta name="theme-color" content="#2F7DCA">
에 : 예는이 변환 될 것이다 그것을하는 방법. 지금은 테스트 할 수 없지만 코딩을 시작하기 전에 알아야합니다. 가능한 경우 다른 HEAD 태그를 조작하는 방법에 대한 몇 가지 예를 들어 주시면 감사하겠습니다.
ng-bind 속성을 사용하여이 작업을 수행 할 수 있습니다 (중괄호는 페이지를 처음로드 할 때 사용하는 코드를 깨뜨릴 수 있습니다).
이 게시물을보십시오 : How to dynamically change header based on AngularJS partial view?
그들은 제목에 사용하지만 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>