Import of filters in angular Js 1.5.8

Question

Import of filters in angular Js 1.5.8

Navigation

#1 by (0 votes)

0

In my html I have the code which I call the filter

<div class="stream-media" ng-if="'video' == stream.type">
                    <div class="embed-responsive embed-responsive-16by9">
                        {{ stream.code | trustHtml }} //Esto deberia de funcionar 
                    </div>
                    <div class="stream-media-meta">
                        <a class="title mb5" href="{{stream.url}}" target="_blank">{{stream.title}}</a>
                        <div class="text mb5">{{stream.description}}</div>
                    </div>
                </div>

In my Filters.js

import {IsUrlFilter} from './filters/is_url.filter';
import {CapitalizeFilter} from './filters/capitalize.filter';
import {HumanReadableFilter} from './filters/human_readable.filter';
import {TruncatCharactersFilter} from './filters/truncate_characters.filter';
import {TruncateWordsFilter} from './filters/truncate_words.filter';
import {TrustHtmlFilter} from './filters/trust_html.filter';
import {UcFirstFilter} from './filters/ucfirst.filter';

angular.module('app.filters')
    .filter('isUrl', IsUrlFilter)
    .filter('capitalize', CapitalizeFilter)
    .filter('humanReadable', HumanReadableFilter)
    .filter('truncateCharacters', TruncatCharactersFilter)
    .filter('truncateWords', TruncateWordsFilter)
    .filter('trustHtml', TrustHtmlFilter)
    .filter('ucfirst', UcFirstFilter);

and my Component.js

import { SharedStreamController } from '../../../dialogs/shared_stream/shared_stream.dialog.js';

class StreamPageController{
    constructor(API, DialogService){
        'ngInject';
        this.API = API;
        this.DialogService = DialogService;
    }

    $onInit(){

    }

    list(){

    }

    sharedStreamDialog(){
        let options = {
            controller: SharedStreamController,
            controllerAs: 'vm'
        }
        this.DialogService.fromTemplate('shared_stream', options);
    }
}

export const StreamPageComponent = {
    templateUrl: './views/app/components/stream-page/stream-page.component.html',
    controller: StreamPageController,
    controllerAs: 'stream',
    bindings: {}
}

The error he gives me is this:

Error: [$injector:unpr] Unknown provider: trust_htmlFilterProvider <- trust_htmlFilter

angularjs laravel-5

asked by vdjkelly 11.11.2016 в 22:47

source

1 answer

how to make a collision of two squares? msqlserver android support

score 0 · Answer 1

The answer to my question was something simple, the filter I was trying to call which gave me the following error: Error: [$ injector: unpr] Unknown provider: trust_htmlFilterProvider < - trust_htmlFilter

Solve it this way by adding the code

export function TrustHtmlFilter($sce) {
    return function(html) {
        return $sce.trustAsHtml(html);
    };
}
TrustHtmlFilter.$inject = ['$sce']; //Esta linea de codigo me ayudo a inyectar el filtro el cual no me lo reconocia de alguna forma no lo hacia