Injector Decorator for Angular 1.x It's useful when your are writing Angular 1.x application in ES2015 or TypeScript
npm i ng-injector --save
Load it before angular.js!!!
import * as injector from 'ng-injector'
import * as angular from 'angular'or
<script src="injector.js"></script>
<script src="angular.js"></script>user_service.js
'use strict'
import {serviceInjector} from 'ng-injector'
@serviceInjector([
'$q'
])
export class UserService {
getAppName() {
return this.$q.resolve('teambition!')
}
}home_view.js
'use strict'
import {ctrlInjector} from 'ng-injector'
@ctrlInjector([
'$timeout',
'UserService'
])
export class HomeView {
constructor() {
this.$timeout(() => this.title = 'HomeView', 100)
this.UserService
.getAppName()
.then(appName => {
this.appName = appName
})
}
}home.html
<div ng-controller="HomeView as HomeCtrl">
<span class="title">{{HomeCtrl.title}}</span>
<span class="app-name">{{HomeCtrl.appName}}</span>
</div>app.js
'use strict'
import {HomeView} from './home_view'
import {UserService} from './user_service'
angular.module('YourModuleName', [])
.service('UserService', UserService)
.controller('HomeView', HomeView)user_service.ts
'use strict'
import {serviceInjector} from 'ng-injector'
@serviceInjector([
'$q'
])
export class UserService {
private $q: angular.IQService
getAppName() {
return this.$q.resolve('teambition!')
}
}home_view.ts
'use strict'
import {ctrlInjector} from 'ng-injector'
import {UserService} from './user_service'
@ctrlInjector([
'$timeout',
'UserService'
])
export class HomeView {
public appName: string
private $timeout: angular.ITimeoutService
private UserService: UserService
constructor() {
this.$timeout(() => this.title = 'HomeView', 100)
this.UserService
.getAppName()
.then(appName => {
this.appName = appName
})
}
}home.html
<div ng-controller="HomeView as HomeCtrl">
<span class="title">{{HomeCtrl.title}}</span>
<span class="app-name">{{HomeCtrl.appName}}</span>
</div>app.ts
'use strict'
import {HomeView} from './home_view'
import {UserService} from './user_service'
angular.module('YourModuleName', [])
.service('UserService', UserService)
.controller('HomeView', HomeView)'use strict'
import {ctrlInjector} from 'ng-injector'
@ctrlInjector()
class HomeView {
constructor() {
console.log(this.$scope) // Your Scope Here
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent