Question

例如，当我需要在component.html的其他组件中插入更多组件时：

// This works fine here
<ui-switch [checked]="false"></ui-switch>
<form class="icons-tab-steps wizard-circle" #f="ngForm">
...
// But this does not work here
<ui-switch [checked]="false"></ui-switch>
</form>

对于上面的代码，我导入：

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { UiSwitchModule } from 'ngx-ui-switch';

我也使用以下方法：

ngOnInit() {
    // Of (http://www.jquery-steps.com)
    $.getScript('./assets/js/jquery.steps.min.js');
    // Of 
    $.getScript('./assets/js/wizard-steps.js');
}

wizard-steps.js

// Wizard tabs with icons setup
$(document).ready( function() {
    $(".icons-tab-steps").steps({
        headerTag: "h6",
        bodyTag: "fieldset",
        transitionEffect: "fade",
        titleTemplate: '<span class="step">#index#</span> #title#',
        labels: {
            finish: 'Submit'
        },
        onFinished: function (event, currentIndex) {
            alert("Form submitted.");
        }
    });
 });

奇怪的是，在方法ngOnInit()中没有请求时，表单没有步骤样式，但是组件ui-switch可以正常工作！

其他示例是：

<ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>

当我使用此组件时，效果很好，但是当我尝试插入项目按钮或选择为列的项目时，该组件不起作用并且没有样式，因此在这种情况下，我使用{{1 }}，并且代码有效，我为这种情况解决了问题。

我不知道如何解决第一个问题，也不知道第二个问题的解决方案是否正确。

呈现组件的正确方法是什么？

以角度渲染组件和模板

0 个答案: