Я пытаюсь сохранить вкладку в локальном хранилище и извлечь эту вкладку на странице обновления, данные получены в локальном, но в то время из Фетинга на консоли я получаю ошибку, как
Error: [$sce:unsafe] Attempting to use an unsafe value in a safe context.
Вот мой angularjs код
$scope.data=$localStorage.$default({
tab: [{
name:'Default 1',
page: $sce.trustAsHtml('<tab class="portlet" id="internalTabs">first internal</tab>'),
image: $sce.trustAsHtml('<img style="float : right; " src = "'+token_url+'images/grp1_setting_icon.png" >'), Width: 100
}]
});
и вот мой указательный код
<tabset>
<tab class="grp_left"
ng-model='newTab'
sortable-tab
ng-repeat="tab in data.tab"
index='{{$index}}'
style='width: {{tab.Width}}%;'
id='{{$index}}'
>
<tab-heading>
{{tab.name}} <span popover-template="dynamicPopover.templateUrl" popover-placement="bottom" rel="popover"><i ng-bind-html="tab.image"></i></span>
</tab-heading>
<!-- below is template of popover for add delete and rename tabs-->
<script type="text/ng-template" id="myPopoverTemplate.html">
<div class="form-group">
<label>Enter Title : </label> <span ng-click='closePopup($event)' id='closePopup' ><i class="fa fa-times" style='float:right;'>close</i></span>
<input type="text" maxlength="12" focus-me='true' ng-model="tab.name" class="form-control ">
<button class='btn-warning btn-xl'ng-click='RenameTab($event,tab.name)' style='margin-top:6px;' ><span class="glyphicon glyphicon-ok" ></span>Add</button>
<button class='btn-danger btn-xl' ng-click='removeTab($event,$index)' style='margin-top:6px;' ><span class="glyphicon glyphicon-remove" ></span>Delete</button>
</div>
</script><!-- end of template code -->
<span ng-bind-html="tab.page" ></span>
</tab>
</tabset>
Возможный дубликат [AngularJS: Как разрешить «Попытка использовать небезопасное значение в безопасном контексте»?] (Https://stackoverflow.com/questions/41996899/angularjs-how-to-resolve-attempting-to -use-an-unsafe-value-in-a-safe-context) – Mistalis