ngIf 不能开箱即用（Angular Dart）

Question

我在 WebStorm 中创建了一个新项目，它生成了一些示例代码。到目前为止我所做的唯一修改是将 ngIf 添加到 index.html:

<!DOCTYPE html>
<html>
  <head>
   (some boilerplate stuff)
  </head>
  <body>

     <div *ngIf="false"> //ALSO TRIED PUTTING THIS IN my-app
       <my-app >Loading...</my-app>
    </div>
 </body>
</html>

我希望在运行时看到一个空网页，但实际上我最终得到了待办事项列表示例应用程序。我错过了一些非常明显的事情吗？我已经重新加载了项目，但没有任何变化。

下面是一些样板示例代码（我在这里添加的唯一内容是 CORE_DIRECTIVES）：

main.dart

 void main() {  bootstrap(AppComponent);}

app_component.dart

@Component(
selector: 'my-app',
styleUrls: const ['app_component.css'],
templateUrl: 'app_component.html',
directives: const [CORE_DIRECTIVES, materialDirectives, TodoListComponent],
providers: const [materialProviders],
)
class AppComponent {

}

Answer 1

指令和组件仅在Angular个组件的模板中工作。

在组件模板之外，它们将被忽略。您可以使用 dart:html 修改 Angular 之外的 DOM，例如运行 bootstrap(AppComponent) 只有在使用 dart:html 添加 <my-app >Loading...</my-app> 之后。

ngIf 不能开箱即用（Angular Dart）

ngIf not working out of the box (Angular Dart)

dart

angular-dart

angular