У меня есть пользовательская директива под названием customStyles, которая определяется как:Динамически обновление Html шаблона в угловой директиве
scrollbackApp.directive('customStyles', function(){
return{
restrict: 'E',
template: '<style> {{styleString}} </style>',
scope: {
conversations : '='
},
link: function($scope, elem, attrs){
$scope.$watch('conversations', function(value){
// calculate str based on value
$scope.styleString = str;
});
}
}
});
Я добавляю эту директиву к телу моего точки зрения HTML:
<body>
<custom-styles conversations="convList"> </custom-styles>
</body>
И значение convList
изменяется внутри области родительского контроллера. Как и в настоящее время, когда указанная выше директива относится к Html, привязка {{styleString}}
остается в виде строки вместо того, чтобы менять ее значение. Я хочу, чтобы html директивы изменялся динамически, исходя из значения styleString
. Возможно ли это в Угловом?
Можете ли вы сделать пример styleString? btw function (value) должна быть функцией (str) – Whisher