Is this compatible with Angular 4?

[ustincameron]

Attempting to integrate this into my page.ts file but getting:
Typescript Error
Unexpected token. A constructor, method, accessor, or property was expected.

Here is my code:`
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@component({
selector: 'page-control_panel',
templateUrl: 'control_panel.html'
})
export class ControlPanel {
constructor(public navCtrl: NavController, public navParams: NavParams) {

}
var app = angular.module('myApp',['angular.circular-slider']);

app = angular.module('main_slider', ['angular.circular-slider']);
app.controller('main_slider', function ($scope) {
$scope.min = 10;
$scope.max = 100;
$scope.shape='Circle';
$scope.value = 20;
$scope.onSlide = function onSlide (value) {
console.log('on slide ' + value);
}

$scope.onSlideEnd = function onSlideEnd(value) {
console.log('on slide end ' + value);
}
})
}
`