{"action":"created","issue":{"url":"https://api.github.com/repos/tb/ng2-nouislider/issues/163","repository_url":"https://api.github.com/repos/tb/ng2-nouislider","labels_url":"https://api.github.com/repos/tb/ng2-nouislider/issues/163/labels{/name}","comments_url":"https://api.github.com/repos/tb/ng2-nouislider/issues/163/comments","events_url":"https://api.github.com/repos/tb/ng2-nouislider/issues/163/events","html_url":"https://github.com/tb/ng2-nouislider/issues/163","id":305321982,"number":163,"title":"Model isn't binding in Angular 5","user":{"login":"keyanrazi","id":2043974,"avatar_url":"https://avatars2.githubusercontent.com/u/2043974?v=4","gravatar_id":"","url":"https://api.github.com/users/keyanrazi","html_url":"https://github.com/keyanrazi","followers_url":"https://api.github.com/users/keyanrazi/followers","following_url":"https://api.github.com/users/keyanrazi/following{/other_user}","gists_url":"https://api.github.com/users/keyanrazi/gists{/gist_id}","starred_url":"https://api.github.com/users/keyanrazi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/keyanrazi/subscriptions","organizations_url":"https://api.github.com/users/keyanrazi/orgs","repos_url":"https://api.github.com/users/keyanrazi/repos","events_url":"https://api.github.com/users/keyanrazi/events{/privacy}","received_events_url":"https://api.github.com/users/keyanrazi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-03-14T20:45:31Z","updated_at":"2018-03-15T00:09:57Z","closed_at":null,"author_association":"NONE","body":"I've been going through the demos and other issues here, but I'm not able to replicate the control in my project using Ang 5 correctly. While the control renders and functions AND the value is correctly displayed in text and on the slider onload, it's not updating my model or firing the change events.\r\n\r\nHere's a quick example:\r\n\r\n\r\n**Initial View:**\r\n![image](https://user-images.githubusercontent.com/2043974/37429865-8f8ab396-279e-11e8-9bc3-0b2881caa3c0.png)\r\n\r\n\r\n**After changing values:**\r\n![image](https://user-images.githubusercontent.com/2043974/37429878-993250fc-279e-11e8-9afb-04c0d8c545e3.png)\r\n\r\n\r\n\r\n**HTML:**\r\n```\r\n{{ sliderValue }}\r\n\r\n<nouislider [min]=\"100\" [max]=\"350\" [step]=\"20\" \r\n[(ngModel)]=\"sliderValue\" (ngModelChange)=\"coverageAChange($event)\"></nouislider>\r\n```\r\n\r\n**TS:**\r\n```\r\nimport { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\r\nimport { NouisliderComponent } from 'ng2-nouislider';\r\n\r\n@Component({\r\n  selector: 'app-quote',\r\n  templateUrl: './quote.component.html',\r\n  styleUrls: ['./quote.component.scss'],\r\n})\r\n\r\nexport class QuoteComponent implements OnInit {\r\n\r\n\r\n  sliderValue = 140;\r\n\r\n  constructor() {\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n\r\n  coverageAChange(value) {\r\n    console.log(value);\r\n  };\r\n```\r\n\r\n**app.module.ts:**\r\n```\r\nimport { NouisliderModule } from 'ng2-nouislider';\r\n\r\nimports: [\r\n   ....,\r\n    NouisliderModule\r\n  ],\r\n\r\n```\r\n\r\n\r\n**.angular-cli.json:**\r\n```\r\n  \"styles\": [\r\n        .....,\r\n        \"../node_modules/nouislider/distribute/nouislider.min.css\",\r\n      ],\r\n```\r\n\r\n\r\nAny help would be appreciated. Thanks!"},"comment":{"url":"https://api.github.com/repos/tb/ng2-nouislider/issues/comments/373216679","html_url":"https://github.com/tb/ng2-nouislider/issues/163#issuecomment-373216679","issue_url":"https://api.github.com/repos/tb/ng2-nouislider/issues/163","id":373216679,"user":{"login":"brightonvino","id":2825437,"avatar_url":"https://avatars1.githubusercontent.com/u/2825437?v=4","gravatar_id":"","url":"https://api.github.com/users/brightonvino","html_url":"https://github.com/brightonvino","followers_url":"https://api.github.com/users/brightonvino/followers","following_url":"https://api.github.com/users/brightonvino/following{/other_user}","gists_url":"https://api.github.com/users/brightonvino/gists{/gist_id}","starred_url":"https://api.github.com/users/brightonvino/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brightonvino/subscriptions","organizations_url":"https://api.github.com/users/brightonvino/orgs","repos_url":"https://api.github.com/users/brightonvino/repos","events_url":"https://api.github.com/users/brightonvino/events{/privacy}","received_events_url":"https://api.github.com/users/brightonvino/received_events","type":"User","site_admin":false},"created_at":"2018-03-15T00:09:57Z","updated_at":"2018-03-15T00:09:57Z","author_association":"NONE","body":"The demo \"Single Value\" does not respond to Button Clicks.[(ngModel]] binding does not seem to work"}}
{"actor":{"display_login":"brightonvino"}}