如果Angular 2指令未被调用,有以下几种可能的解决方法:
示例代码:
@NgModule({
declarations: [
AppComponent,
CustomDirective // 确保指令已添加到declarations数组中
],
...
})
export class AppModule { }
示例代码:
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css'],
directives: [CustomDirective] // 确保指令已添加到directives数组中
})
export class ExampleComponent implements OnInit {
...
}
示例代码:
示例代码:
@Directive({
selector: '[appCustomDirective]' // 确保指令的选择器与模板中的元素匹配
})
export class CustomDirective {
...
}
示例代码:
通过检查上述问题并尝试这些解决方法,您应该能够解决Angular 2指令未被调用的问题。