Typescript+angularjs自定义筛选器未知提供程序:
Typescript + angularjs custome filter Unknown provider:
我想创建一个自定义过滤器在angularjs中使用typescript我的代码
//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<-消息<-反向过滤器你能帮我吗?
更新
我算出了
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("");
}
}
感谢相同的
如果使用--out编译器标志进行编译,您的原始代码就会工作:
tsc --out app.js app.ts
附言:我做了一个关于typescript+angularjs工作流的视频:http://youtube.com/watch?v=0-6vT7xgE4Y&hd=1
相关文章:
- 为什么我得到错误:$injector:unp未知提供程序
- 在出厂时注入服务错误: [$injector:unpr] 未知提供程序: $scopeProvider <- $scop
- AngularJS错误:$injector:unp未知提供程序-$modalInstanceProvider
- AngularJS:未知的提供程序错误
- Angular小部件中的Angular Grid返回错误:[$injector:unp]未知提供程序:
- 有角度的“;未知提供者”;在约曼应用程序中使用Grunt Build缩小后出错
- 获取解析值的未知提供程序错误
- $provide.decorator为指令提供未知的提供程序
- jQuery - 追加/替换事件侦听器(当事件处理程序未知时)
- angular.js:13294错误:[$injector:unp]未知提供程序:cityResourceProvide
- 角度未知提供程序,无法POST/注册
- 未知提供程序:在angular.bootstrap之前使用$injector获取$location服务时使用$rootE
- Watir Web驱动程序引发未知Javascript错误
- ionic.bundle.js:25642错误:[$injector:unp]未知提供程序:$cordovaGeoloc
- 密钥斗篷未知提供程序错误
- Angular 未知提供程序,出厂时包装在匿名函数中
- ui选择未知提供程序
- 错误: [$injector:unpr] 未知提供程序: setPageProvider <- setPage
- 错误:[$injector:unp]在控制器中注入routeprovider服务时,jasmine测试中的提供程序未知
- uib模态提供程序未知单元测试