2015-07-07 2 views
4

Я пытаюсь сохранить вкладку в локальном хранилище и извлечь эту вкладку на странице обновления, данные получены в локальном, но в то время из Фетинга на консоли я получаю ошибку, как

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> 
+0

Возможный дубликат [AngularJS: Как разрешить «Попытка использовать небезопасное значение в безопасном контексте»?] (Https://stackoverflow.com/questions/41996899/angularjs-how-to-resolve-attempting-to -use-an-unsafe-value-in-a-safe-context) – Mistalis

ответ

8

Попробуйте включить angular-sanitize.min.js и добавьте «ngSanitize» в объявление модуля в дополнение к этому ясному локальному хранилищу, вызвав этот «$ localStorage. $ Reset();»

+0

Я включил angular-sanitize.min.js, но все же столкнулся с одной проблемой –

+1

попробуйте $ localStorage. $ reset(); в начале –

+0

Я использовал это, но при удалении вкладок. спасибо, что это работает для меня, поскольку я положил «$ localStorage. $ reset();» при запуске –

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