ngЕсли не работает из коробки (Angular Dart) - PullRequest
Новая
       10

ngЕсли не работает из коробки (Angular Dart)

0 голосов
/ 12 июня 2018

Я создал новый проект в 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>

. Я ожидаю увидеть пустую веб-страницу при запуске, но на самом деле я заканчиваюполучить пример приложения To Do List.Я пропустил что-то действительно очевидное?Я перезагрузил проект, но без изменений.

Ниже приведен пример кода примера (единственное, что я добавил здесь: 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 {

}

1 Ответ

0 голосов
/ 12 июня 2018

Директивы и компоненты работают только в шаблоне угловых компонентов.

За пределами шаблонов компонентов они просто игнорируются.Вы можете использовать dart:html для изменения DOM вне Angular и, например, запустить bootstrap(AppComponent) только после добавления <my-app >Loading...</my-app> с использованием dart:html.

...