使用 $sce.trustAsHtml returns 未定义渲染字符串
rendering string using $sce.trustAsHtml returns undefined
我正在尝试将字符串解析为字符数组,每个字符用 <span></span>
包围。提交解析的函数有效,每个字符都用 <span>
标记包围。
要解析的函数:
app.controller('tableCtrl',function($scope,$sce) {
//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>';
}
$scope.parsedCron = $sce.trustAsHtml(parsed.toString());
return $scope.parsedCron;
}
});
我在 <td>
中得到的是这个字符串:
<span>*/3</span>,<span>*</span>,<span>*</span>,<span>*</span>,<span>*</span>
为什么 <span>
不呈现?
这是我尝试添加结果的 table:
<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>{{parse(cron_format)}}</td>**
</tr>
</tbody>
app.controller('tableCtrl',function($scope) {
$scope.letters = function(cron_format){
return cron_format.split('');
}
}});
模板:
<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><span ng-repeat="l in letters(cron_format)">{{l}}</span></td>**
</tr>
</tbody>
我正在尝试将字符串解析为字符数组,每个字符用 <span></span>
包围。提交解析的函数有效,每个字符都用 <span>
标记包围。
要解析的函数:
app.controller('tableCtrl',function($scope,$sce) {
//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>';
}
$scope.parsedCron = $sce.trustAsHtml(parsed.toString());
return $scope.parsedCron;
}
});
我在 <td>
中得到的是这个字符串:
<span>*/3</span>,<span>*</span>,<span>*</span>,<span>*</span>,<span>*</span>
为什么 <span>
不呈现?
这是我尝试添加结果的 table:
<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>{{parse(cron_format)}}</td>**
</tr>
</tbody>
app.controller('tableCtrl',function($scope) {
$scope.letters = function(cron_format){
return cron_format.split('');
}
}});
模板:
<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><span ng-repeat="l in letters(cron_format)">{{l}}</span></td>**
</tr>
</tbody>