1

文字列を chars 配列に分割し、各文字を囲むことができました<span></span>が、この配列をテーブルに渡そうとすると、html がレンダリングされません。文字列を壊す:

//parse cron_format and edit each digit individually
$scope.parse = function (cron_format){
    var parsed = cron_format.split('');
    for(var i = 0; i < parsed.length; i++) {
        parsed[i] = '<span>' + parsed[i] + '</span>';
    }
    return parsed;
}

次のようなテーブルを作成しようとすると:

<table class="table table-bordered table-hover">
    <thead>
        <td>user name</td>
        <td>script name</td>
        <td>cron format</td>
    </thead>
    <tbody ng-repeat="(user_id,script_id) in data  | filter: test">
        <tr ng-repeat="(script_id, cron_format) in script_id">
            <td>{{user(user_id)}}</td>
            <td>{{script(script_id)}}</td>
            <td ng-bind-html-unsafe="{{parse(cron_format)}}"></td>
        </tr>
    </tbody>
</table>

cron_format に値がありません: ここに画像の説明を入力 レンダリングを試みずに -><td>{{parse(cron_format)}}</td>

テーブルは次のようになります。 ここに画像の説明を入力 何が間違っていますか?

アップデート:

関数の最後の2行を変更しました:

$scope.parsed.htmlSafe = $sce.trustAsHtml(parsed.html);
return parsed;

そして、私はこのエラーを受け取ります:

Can't interpolate: {{parse(cron_format)}}
TypeError: Cannot set property 'htmlSafe' of undefined

誰かが私がここでやっている間違いを説明できますか?

4

0 に答える 0