API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 10th, 2017
239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.96 KB | None | 0 0
raw download clone embed print report
  1. Unhandled Promise rejection: Template parse errors:
  2. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  3. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  4. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  5. ("lName="username" id="username"></ion-input>
  6. </ion-item>
  7. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.username"></control-messages>
  8. <br>
  9. <p class="or-text">OR</p>
  10. "): ForgotPage@16:40
  11. 'control-messages' is not a known element:
  12. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  13. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" <ion-input type="text" formControlName="username" id="username"></ion-input>
  14. </ion-item>
  15. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.username"></control-messages>
  16. "): ForgotPage@16:4
  17. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  18. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  19. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  20. ("ControlName="email" id="email"></ion-input>
  21. </ion-item>
  22. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.email"></control-messages>
  23. <br/>
  24. <ion-buttons>
  25. "): ForgotPage@23:40
  26. 'control-messages' is not a known element:
  27. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  28. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
  29. <ion-input type="text" formControlName="email" id="email"></ion-input>
  30. </ion-item>
  31. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.email"></control-messages>
  32. <br"): ForgotPage@23:4 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:
  33. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  34. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  35. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  36. ("lName="username" id="username"></ion-input>
  37. </ion-item>
  38. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.username"></control-messages>
  39. <br>
  40. <p class="or-text">OR</p>
  41. "): ForgotPage@16:40
  42. 'control-messages' is not a known element:
  43. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  44. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" <ion-input type="text" formControlName="username" id="username"></ion-input>
  45. </ion-item>
  46. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.username"></control-messages>
  47. "): ForgotPage@16:4
  48. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  49. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  50. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  51. ("ControlName="email" id="email"></ion-input>
  52. </ion-item>
  53. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.email"></control-messages>
  54. <br/>
  55. <ion-buttons>
  56. "): ForgotPage@23:40
  57. 'control-messages' is not a known element:
  58. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  59. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
  60. <ion-input type="text" formControlName="email" id="email"></ion-input>
  61. </ion-item>
  62. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.email"></control-messages>
  63. <br"): ForgotPage@23:4
  64. Stack trace:
  65. TemplateParser</TemplateParser.prototype.parse@http://localhost:8100/build/main.js:27049:19
  66. RuntimeCompiler</RuntimeCompiler.prototype._compileTemplate@http://localhost:8100/build/main.js:54254:30
  67. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents/<@http://localhost:8100/build/main.js:54174:56
  68. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents@http://localhost:8100/build/main.js:54174:9
  69. RuntimeCompiler</RuntimeCompiler.prototype._compileModuleAndComponents/createResult@http://localhost:8100/build/main.js:54070:13
  70. T</d</t.prototype.invoke@http://localhost:8100/build/polyfills.js:3:9092
  71. T</v</e.prototype.run@http://localhost:8100/build/polyfills.js:3:6462
  72. h/<@http://localhost:8100/build/polyfills.js:3:4581
  73. T</d</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9712
  74. T</v</e.prototype.runTask@http://localhost:8100/build/polyfills.js:3:7064
  75. i@http://localhost:8100/build/polyfills.js:3:3664
  76. TemplateParser</TemplateParser.prototype.parse@http://localhost:8100/build/main.js:27049:19
  77. RuntimeCompiler</RuntimeCompiler.prototype._compileTemplate@http://localhost:8100/build/main.js:54254:30
  78. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents/<@http://localhost:8100/build/main.js:54174:56
  79. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents@http://localhost:8100/build/main.js:54174:9
  80. RuntimeCompiler</RuntimeCompiler.prototype._compileModuleAndComponents/createResult@http://localhost:8100/build/main.js:54070:13
  81. T</d</t.prototype.invoke@http://localhost:8100/build/polyfills.js:3:9092
  82. T</v</e.prototype.run@http://localhost:8100/build/polyfills.js:3:6462
  83. h/<@http://localhost:8100/build/polyfills.js:3:4581
  84. T</d</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9712
  85. T</v</e.prototype.runTask@http://localhost:8100/build/polyfills.js:3:7064
  86. i@http://localhost:8100/build/polyfills.js:3:3664
  87. polyfills.js:3:3373
  88. Error: Uncaught (in promise): Error: Template parse errors:
  89. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  90. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  91. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  92. ("lName="username" id="username"></ion-input>
  93. </ion-item>
  94. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.username"></control-messages>
  95. <br>
  96. <p class="or-text">OR</p>
  97. "): ForgotPage@16:40
  98. 'control-messages' is not a known element:
  99. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  100. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" <ion-input type="text" formControlName="username" id="username"></ion-input>
  101. </ion-item>
  102. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.username"></control-messages>
  103. "): ForgotPage@16:4
  104. Can't bind to 'control' since it isn't a known property of 'control-messages'.
  105. 1. If 'control-messages' is an Angular component and it has 'control' input, then verify that it is part of this module.
  106. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.
  107. ("ControlName="email" id="email"></ion-input>
  108. </ion-item>
  109. <control-messages class="error-box" [ERROR ->][control]="forgotForm.controls.email"></control-messages>
  110. <br/>
  111. <ion-buttons>
  112. "): ForgotPage@23:40
  113. 'control-messages' is not a known element:
  114. 1. If 'control-messages' is an Angular component, then verify that it is part of this module.
  115. 2. If 'control-messages' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
  116. <ion-input type="text" formControlName="email" id="email"></ion-input>
  117. </ion-item>
  118. [ERROR ->]<control-messages class="error-box" [control]="forgotForm.controls.email"></control-messages>
  119. <br"): ForgotPage@23:4
  120. TemplateParser</TemplateParser.prototype.parse@http://localhost:8100/build/main.js:27049:19
  121. RuntimeCompiler</RuntimeCompiler.prototype._compileTemplate@http://localhost:8100/build/main.js:54254:30
  122. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents/<@http://localhost:8100/build/main.js:54174:56
  123. RuntimeCompiler</RuntimeCompiler.prototype._compileComponents@http://localhost:8100/build/main.js:54174:9
  124. RuntimeCompiler</RuntimeCompiler.prototype._compileModuleAndComponents/createResult@http://localhost:8100/build/main.js:54070:13
  125. T</d</t.prototype.invoke@http://localhost:8100/build/polyfills.js:3:9092
  126. T</v</e.prototype.run@http://localhost:8100/build/polyfills.js:3:6462
  127. h/<@http://localhost:8100/build/polyfills.js:3:4581
  128. T</d</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9712
  129. T</v</e.prototype.runTask@http://localhost:8100/build/polyfills.js:3:7064
  130. i@http://localhost:8100/build/polyfills.js:3:3664
  131.  
  132. Stack trace:
  133. s@http://localhost:8100/build/polyfills.js:3:4211
  134. s@http://localhost:8100/build/polyfills.js:3:4034
  135. h/<@http://localhost:8100/build/polyfills.js:3:4574
  136. T</d</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:9712
  137. T</v</e.prototype.runTask@http://localhost:8100/build/polyfills.js:3:7064
  138. i@http://localhost:8100/build/polyfills.js:3:3664
  139. polyfills.js:3:3551
  140.  
  141. <form [formGroup]="forgotForm" (ngSubmit)="submit()">
  142. <ion-item>
  143. <ion-label floating>Username</ion-label>
  144. <ion-input type="text" formControlName="username" id="username"></ion-input>
  145. </ion-item>
  146. <control-messages class="error-box" [control]="forgotForm.controls.username"></control-messages>
  147. <br>
  148. <p class="or-text">OR</p>
  149. <ion-item>
  150. <ion-label floating>Email</ion-label>
  151. <ion-input type="text" formControlName="email" id="email"></ion-input>
  152. </ion-item>
  153. <control-messages class="error-box" [control]="forgotForm.controls.email"></control-messages>
  154. <br/>
  155. <ion-buttons>
  156. <button ion-button class="form-button-text" type="submit" [disabled]="!forgotForm.valid" block round>Email</button>
  157. </ion-buttons>
  158. </form>
  159.  
  160. import { Component } from '@angular/core';
  161. import { NavController, NavParams, AlertController } from 'ionic-angular';
  162. import { FormBuilder, FormGroup, Validators } from '@angular/forms';
  163. import { ValidationService } from '../validation/validationService';
  164. import { EmailService } from '../service/emailService';
  165. import { PersonModel } from '../model/PersonModel';
  166.  
  167. @Component({
  168. selector: 'forgot',
  169. templateUrl: 'forgot.html'
  170. })
  171. export class ForgotPage {
  172.  
  173. public forgotForm: FormGroup;
  174. public emailService: EmailService = null;
  175. public personModel: PersonModel = null;
  176.  
  177. constructor(public navCtrl: NavController, public navParams: NavParams, public builder: FormBuilder, emailService: EmailService, public alertCtrl: AlertController) {
  178. this.emailService = emailService;
  179. this.personModel = this.navParams.get('personModel');
  180. this.forgotForm = builder.group({
  181. 'username': ['', [Validators.maxLength(55), ValidationService.userNameValidator]],
  182. 'email': ['', [Validators.maxLength(55), ValidationService.emailValidator]],
  183. }
  184. // , {
  185. // 'validator': ValidationService.oneRequired('username', 'email')
  186. // }
  187. );
  188. }
  189.  
  190. submit() {
  191. if (this.forgotForm.dirty && this.forgotForm.valid) {
  192. if (this.forgotForm.value.email || this.forgotForm.value.username) {
  193. this.forgotPassword(this.forgotForm.value.email, this.forgotForm.value.username);
  194. }
  195. }
  196. }
  197.  
  198. forgotPassword(email: string, userName: string) {
  199. let promise: Promise<string> = this.emailService.sendPassword(email, userName);
  200. promise.then((msg: string) => {
  201. this.doAlert(msg);
  202. });
  203. }
  204.  
  205. doAlert(msg: string) {
  206. let alert = this.alertCtrl.create({
  207. title: 'Forgot Password',
  208. subTitle: msg,
  209. buttons: ['Dismiss']
  210. });
  211. alert.present();
  212. }
  213. }
  214.  
  215. {
  216. "name": "ionic-hello-world",
  217. "author": "Ionic Framework",
  218. "homepage": "http://ionicframework.com/",
  219. "private": true,
  220. "scripts": {
  221. "clean": "ionic-app-scripts clean",
  222. "build": "ionic-app-scripts build",
  223. "ionic:build": "ionic-app-scripts build",
  224. "ionic:serve": "ionic-app-scripts serve"
  225. },
  226. "dependencies": {
  227. "@angular/common": "2.2.1",
  228. "@angular/compiler": "2.2.1",
  229. "@angular/compiler-cli": "2.2.1",
  230. "@angular/core": "2.2.1",
  231. "@angular/forms": "2.2.1",
  232. "@angular/http": "2.2.1",
  233. "@angular/platform-browser": "2.2.1",
  234. "@angular/platform-browser-dynamic": "2.2.1",
  235. "@angular/platform-server": "2.2.1",
  236. "@ionic/storage": "1.1.7",
  237. "@types/googlemaps": "^3.25.42",
  238. "angular2-moment": "^1.1.0",
  239. "angularfire2": "^2.0.0-beta.7.1-pre",
  240. "firebase": "^3.6.4",
  241. "ionic-angular": "2.0.0-rc.4",
  242. "ionic-native": "2.2.11",
  243. "ionicons": "3.0.0",
  244. "rxjs": "^5.0.3",
  245. "zone.js": "0.6.26"
  246. },
  247. "devDependencies": {
  248. "@ionic/app-scripts": "^1.0.0",
  249. "sw-toolbox": "^3.4.0",
  250. "typescript": "^2.0.9"
  251. },
  252. "cordovaPlugins": [
  253. "cordova-plugin-whitelist",
  254. "cordova-plugin-console",
  255. "cordova-plugin-statusbar",
  256. "cordova-plugin-device",
  257. "cordova-plugin-splashscreen",
  258. "ionic-plugin-keyboard"
  259. ],
  260. "cordovaPlatforms": [],
  261. "description": "theWhoZoo-chat: An Ionic project"
  262. }
  263.  
  264. Your system information:
  265.  
  266. ordova CLI: 6.4.0
  267. Ionic Framework Version: 2.0.0-rc.4
  268. Ionic CLI Version: 2.1.18
  269. Ionic App Lib Version: 2.1.9
  270. Ionic App Scripts Version: 1.0.0
  271. ios-deploy version: Not installed
  272. ios-sim version: Not installed
  273. OS: Windows 10
  274. Node Version: v6.9.2
  275. Xcode version: Not installed
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!