Page 1 of 1

Moving from AngularJS to Angular 2

PostPosted: Tue Jun 06, 2017 10:01 am
by Kacey
I decided to try out my abilities with Angular 2 by trying to design the SimpleTaskSystem in angular 2. As a novice in angular 2, I am having issues calling the C# GetTasks method in the angular project. There are no samples in angular 2 to guide me on how to do it.

The following AngularJS code is what I am trying to do with angular 2:

Code: Select all$scope.$watch('selectedTaskState', function(value) {

            vm.refreshTasks = function() {
                abp.ui.setBusy( //Set whole page busy until getTasks complete
                    taskService.getTasks({ //Call application service method directly from javascript
                        state: $scope.selectedTaskState > 0 ? $scope.selectedTaskState : null
                    }).success(function(data) {
                        vm.tasks = data.tasks;

What I was trying to do in Angular 2:

Code: Select all@Component({
  //selector: 'app-list',
  templateUrl: './list.component.html',
  animations: [appModuleAnimation()],
  styleUrls: ['./list.component.css']
export class ListComponent extends AppComponentBase {

  constructor(injector: Injector, private _taskService: TaskServiceProxy) {

  tasks: TaskDto[] = [];
  taskInput: GetTaskInput = null;

  ngOnInit() {

  getTasks(): ListOfTaskDto {


[b]The Method in C#[/b]
Code: Select allpublic List<TaskDto> GetTasks(GetTaskInput input)
            var tasks = _taskRepository.GetAllWithUsers(input.AssignedUserId, input.State);

            return new List<TaskDto>(tasks.MapTo<List<TaskDto>>());

Having some of the samples already on the website in Angular 2 will go a long way in helping newbies like me intending a quick jump on the technology to take on impending projects. Thanks.