Я создал компонент
Компонент RuleDialog ---
class RuleDialogController {
constructor() {
debugger;
this.message = "hello";
}
}
export const RuleDialogComponent = {
bindings: {
data: '<'
},
RuleDialogController,
templateUrl: './rule.dialog1.html'
}
В моем модуле ---
import 'angular'
import {RuleDialogComponent} from './rule-dialog/rule-dialog1-component.js'
import {NewSeverityComponent} from './rule-new/rule-new-component.js'
angular.module('analyzerApp')
.component('ruleDialog',RuleDialogComponent)
.name
В другой службе я пытаюсьоткрыть модал -
$mdDialog.show({
template: '<rule-dailog></rule-dailog>',
parent: $rootElement,
preserveScope: true,
clickOutsideToClose: true
});
Но когда он отображается в HTML, я получаю Нет фактического HTML отображается ---
<div class="md-dialog-container ng-scope" tabindex="-1" md-theme="" style="top: 0px; height: 449px;"><div class="md-dialog-focus-trap" tabindex="0"></div><md-dialog class="_md md-transition-in" role="dialog" tabindex="-1" id="dialogContent_8" aria-describedby="dialogContent_8" style=""><rule-dailog data="hello"></rule-dailog></md-dialog><div class="md-dialog-focus-trap" tabindex="0"></div></div>
Пожалуйста, помогите Дайте мне знать, если вам нужна дополнительная информация