webapp: Use new Angular 2 forms

tchap · Jun 28, 2016 · 4c77c90 · 4c77c90
1 parent 5b4250f
commit 4c77c90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/server/app/src/main.ts b/server/app/src/main.ts
@@ -1,9 +1,11 @@
-import { bootstrap } from '@angular/platform-browser-dynamic';
+import { bootstrap }                            from '@angular/platform-browser-dynamic';
+import { disableDeprecatedForms, provideForms } from '@angular/forms';
 
 import { AppComponent }         from './app.component';
 import { APP_ROUTER_PROVIDERS } from './app.routes';
 
 
 bootstrap(AppComponent, [
+  disableDeprecatedForms(), provideForms(),
   APP_ROUTER_PROVIDERS
 ]);
diff --git a/server/app/src/routes/notifications/components/slack.component.html b/server/app/src/routes/notifications/components/slack.component.html
@@ -24,10 +24,10 @@ <h2><img src="/assets/img/Slack_Mark_Web-100x100.png"> Slack</h2>
       <form (ngSubmit)="onSubmit()" #slackForm="ngForm" class="notification-form">
         <div class="form-group">
           <label for="webhookURL">Webhook URL</label>
-          <input type="url" class="form-control" required
+          <input type="url" class="form-control" name="webhookURL" required
             (keyup)="inputChanged()"
             [(ngModel)]="model.settings.webhookURL"
-            ngControl="webhookURL" #webhookURL="ngForm" #input>
+            ngControl="webhookURL" #webhookURL="ngModel" #input>
           <div [hidden]="webhookURL.valid || webhookURL.pristine"
             class="alert alert-danger"
           >Webhook URL is required</div>