我想使用 typescript 我的代码在 angularjs 中创建一个自定义过滤器
//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 <- msg <- reverseFilter 所以你能帮我吗？
更新
我解决了
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("");
}
}
同样感谢