使用来自JSON数据的动态生成的HTML,我试图为每个添加一个类.status-card,在这种情况下取决于值c.callStatus.这是我得到的最接近的,但这只是active为所有人增加了课程status-card.我猜它与我如何使用$(this)或我错过了其他东西有关?
$(function() {
var agents = [];
$.getJSON('js/agents.json', function(a) {
$.each(a.agents, function(b, c) {
var content =
'<div class="status-card">' +
'<div class="agent-details">' +
'<span class="agent-name">' + c.name + '</span>' +
'<span class="handling-state">' + c.callStatus + '</span>' +
'<span class="handling-time">' + c.handlingTime + '</span>' +
'</div>' +
'<div class="status-indicator"></div>' +
'</div>'
$(content).appendTo('#left');
//Add class depending on callStatus
$('.status-card').each(function() {
if (c.callStatus == 'On Call') {
$(this).removeClass('idle away').addClass('active');
} else if (c.callStatus …Run Code Online (Sandbox Code Playgroud) 将tinyMCE 与Angular 结合使用,我需要在光标位置插入文本,最好使用工具栏按钮。
据我了解,我需要onExecCommand通过命令使用该事件mceInsertContent。
我查看了以下内容:
但这些解决方案在这种情况下没有帮助。
<editor [init]="tinyMceConfig"
[formControl]="data.formControl">
</editor>
Run Code Online (Sandbox Code Playgroud)
/* ... */
export class EditorDialogComponent implements OnInit {
tinyMceConfig: any;
constructor(
/* ... */
) { }
ngOnInit() {
this.configureTinyMce();
}
configureTinyMce() {
this.tinyMceConfig = {
theme: 'modern',
menubar: false,
branding: false,
height: 400,
skin_url: 'assets/tinymce/skins/lightgray',
inline: false,
plugins: [
'advlist lists link image directionality',
'searchreplace visualblocks visualchars media table contextmenu paste textcolor colorpicker pagebreak code'
],
// …Run Code Online (Sandbox Code Playgroud)