2013-08-19 3 views
0

Я хочу, чтобы создать пользовательский фильтр в angularjs с использованием машинописного моего кодоммашинопись + angularjs Custome фильтр Неизвестный поставщик:

//Reverse.ts 
class Reverse{ 
    static filter(msg:string) { 
     return (msg) => { 
      return msg.split("").reverse().join(""); 
     } 
    } 
} 


//app.ts 
/// <reference path="../lib/angular.d.ts"/> 
/// <reference path="./Reverse.ts"/> 
class MyApp{ 
    public app:AngularModule; 
    constructor(){ 
      this.app = angular.module('myApp', []); 
      this.app.filter ('reverse',(msg) => { return Reverse.filter(msg) }); 
    } 
} 
class AlbumController { 
    constructor (private $scope) { 
     this.$scope.test = '20 whatsomething'; 
    } 
} 


new MyApp(); 

//index.html 
<!DOCTYPE html> 
<html> 
    <head> 
     <title>My test TS</title> 
    </head> 
    <body> 
    <div data-ng-app="myApp"> 
     <div data-ng-controller="AlbumController"> 
      {{test | reverse}} 
     </div> 
    </div> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    <script src="./Reverse.js"></script> 
    <script src="./app.js"></script> 
    </body> 
</html> 

Я получаю ошибку: Неизвестный поставщика: msgProvider < - глутамат < - reverseFilter так может вы мне поможете, пожалуйста?

UPDATE

Я работал его

class MyApp{ 
    public app:AngularModule; 
    constructor(){ 
      this.app = angular.module('myApp', []); 
      this.app.filter ('reverse',() => { 
      return (msg) => { 
       return Reverse.filter(msg); 
      } 
      }); 
    } 
} 
class AlbumController { 
    constructor (private $scope) { 
     this.$scope.test = '20 whatsomething'; 
    } 
} 


new MyApp(); 


class Reverse{ 
    static filter(msg:string) { 
     return msg.split("").reverse().join(""); 
    } 
} 

благодаря тем же

+0

Вы инициализировали свое приложение с помощью модуля обратного фильтра? – BKM

+0

@BKM Я обновил, я отработал его. THX – Whisher

ответ

1

Ваш исходный код работал бы, если бы вы скомпилирован с флагом --out компилятора:

tsc --out app.js app.ts 

PS: Я сделал видео на машинописном + угловом рабочем процессе: http://youtube.com/watch?v=0-6vT7xgE4Y&hd=1